MySQL & PHP References: April 2017

Tuesday, April 25, 2017

Add Multiple Checkbox and Dropdown to Total - Javascript

Very Simple, Try this...

<html>
<head>

</head>
<body>
<div id="container"><h1>Add-ons</h1>
<input type="checkbox" name="ch1" value="10" id="qr1" />Add-on Number 1 - 10 QR <br />
<input type="checkbox" name="ch1" value="20" id="qr1" />Add-on Number 2 - 20 QR <br />
<input type="checkbox" name="ch1" value="40" id="qr1" />Add-on Number 3 - 40 QR <br />
<input type="checkbox" name="ch1" value="60" id="qr1" />Add-on Number 4 - 60 QR <br />
</div>

<div> I want more add-ons
<select id="more" name="more">
    <option value="0">0</option>
    <option value="30">1</option>
    <option value="50">2</option>
    <option value="100">3</option>
</select><br><br>
<span id="span"></span><br><br>
 User total usage: <span id="usertotal"> </span>
 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>

function displayVals() {
      calcUsage();
      var singleValues = $("#more").val();         
      $("#span").html("<b>more addons:</b> " + 
                  singleValues + ' QR');
}
var $cbs = $('input[name="ch1"]');
function calcUsage() {
    var total = $("#more").val();
    $cbs.each(function() {
        if (this.checked)
            total = parseInt(total) + parseInt(this.value);
    });
    $("#usertotal").text(total + ' QR');
}

    $("select").change(displayVals);
    displayVals();
//For  checkboxes

$cbs.click(calcUsage);
</script>
</body>
</html>

Monday, April 24, 2017

Calculate Total Multiple Checkbox and Input Javascript

Very Simple...


<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>

function totalIt() {
  var input = document.getElementsByName("product");
  var ifare = document.getElementById('ifare').value;
  //document.getElementById("tfare").value = "$" + ifare.toFixed(2);
  
  var total = 0;
  for (var i = 0; i < input.length; i++) {
    if (input[i].checked) {
      
   
   total += parseFloat(input[i].value);
  
  var tfare = (parseFloat(ifare) + parseFloat(total));
  document.getElementById("tfare").value = "$" + tfare.toFixed(2);
  //alert('ifare : $ ' + tfare);
  
 }
  }
  
  
  document.getElementById("total").value = "$" + total.toFixed(2);
  
  var tfare = ifare + document.getElementById("total").value;
  
  
}
</script>
</head>
<body>
<form action="" id="theForm">
Based Fare : <input type="text" name="ifare" id="ifare" value="142.18" /><br>
        <fieldset>
            <legend>
               Fare Details
            </legend>
            <label>
                <input name="product" value="12.95" type="checkbox" id="p1" onclick="totalIt()"/>
                Toddler Seats $12.95
            </label>
            <label>
                <input name="product" value="5.99" type="checkbox" id="p2" onclick="totalIt()"/>
                Airport Toll $5.99
            </label>
            <label>
                <input name="product" value="1.99" type="checkbox" id="p3" onclick="totalIt()"/>
                Tax $1.99
            </label>
   <label>
                <input name="product" value="19.99" type="checkbox" id="p4" onclick="totalIt()"/>
                Driver Tips $19.99
            </label>
   <label>
                <input name="product" value="41.99" type="checkbox" id="p5" onclick="totalIt()"/>
                Fuel Surcharge $41.99
            </label>
            <label>
                Total 
                <input value="$0.00" readonly="readonly" type="text" id="total"/>
                <input value="$0.00" readonly="readonly" type="text" id="tfare"/>
    
            </label>
        </fieldset>
        <input value="Submit" type="submit"/>
        <input value="Reset" type="reset"/>
    </form>
</body>
</html>

Sunday, April 23, 2017

JSON-LD Schema for TaxiService

this one is the best

<script type="application/ld+json">
  {
    "@context": "http://schema.org/",
    "@type": "TaxiService",
    "provider": {
      "@type": "LocalBusiness",
      "name": "BHARADWAJA BIDADI",
   "image": [ "http://www.taxicomp-xx.com" ],
   "priceRange": "$$",
  "telephone": "(000) 000-0000",
  "address": "19975 xxxx Way, xxxx, MN 10001, United States",
  "url": "<?php echo $mob; ?>",
      "location": {
        "@type": "Place",
        "geo": {
          "@type": "GeoCircle",
          "geoMidpoint": {
            "@type": "GeoCoordinates",
            "latitude": "42.362757",
            "longitude": "-71.087109"
          },
          "geoRadius": "50"
        }
      }
    },
    "providerMobility": "dynamic"
  }
</script>

Saturday, April 22, 2017

The mandatory text (CDATA) inside tag 'head > style[amp-boilerplate]' is missing or incorrect - SOLVED

Guys, AMP developer team or Documentation Team at Google, believe me are ARSEHOLES...

Even their GitHub or AMP Documentation & Sample Code is wrong.

Finally, I got rid of "The mandatory text (CDATA) inside tag 'head > style[amp-boilerplate]' is missing or incorrect"

HURRAY!!! Just copy & paste code below & you are done with that...

<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
    <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

Cheers!!!

Our latest delivery on AMP - MSP Airport Sedan

MySQL & PHP References

Search This Blog