AMP IFRAME - External Page / CDN - Solved

After loosing tons of hair, finally I FOUND OUT THIS ONE to load External Page / CDN pages on AMP Pages

<!-- <head> section javascript required --> <script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> <amp-iframe src="http://taxiwebsitedesigners.com/index.php" height="800" layout="fixed-height" frameborder="0" sandbox="allow-scripts allow-same-origin"> <!-- this is required ELSE your external page will not load on phones --> <amp-img src="http://m.yourdomain.com/images/logo.png" layout="fixed-height" height="565" placeholder></amp-img> </amp-iframe>

Let me know your thoughts

Our Latest Deliver DFW Shuttle

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>​

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>​

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>

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

Adding $_POST array to existing $_SESSION array - PHP Resolved

This one was tricky for me.
Scenario
1. Already Have a Set of $_SESSION array

$_SESSION["val1"] => 101
$_SESSION["val2"] => 102
$_SESSION["val3"] => 103
$_SESSION["val4"] => 104


2. on FORM post creates set of $_POST array
This set of $_POST needs to be appended to existing $_SESSION sets

$_POST["val1"] => 201
$_POST["val2"] => 202
$_POST["val3"] => 203
$_POST["val4"] => 204

Simple

$_SESSION += $_POST

IT WORKS LIKE CHARMING!!!

INPUT MAXLENGTH is not working HTML - Solved

If MAXLENGTH is not working in Chrome / Safari / Mozilla / Opera Browsers then dont get Bang Bang - SIMPLE jQuery will solve your problem

<input type="text" name="ccno" id="ccno" placeholder="Credit Card No #" /> <input type="text" name="cvv2" id="cvv2" placeholder="CVV Code" /> <script> $('input[name="ccno"]').keypress(function() { if (this.value.length >= 19) { return false; } }); $('input[name="cvv2"]').keypress(function() { if (this.value.length >= 4) { return false; } }); </script>

How to Set Blank Value in SELECT OPTION DROPDOWN

Simple...

add disabled selected value to your blank OPTION <select name="tdseat" id="tdseat"> <option disabled selected value>---- 0 ----</option> <option value="1">1 Seat</option> <option value="2">2 Seats</option> <option value="3">3 Seats</option> <option value="4">4 Seats</option> <option value="5">5 Seats</option> <option value="6">6 Seats</option> </select>

UC Browser ~ China Bugged & Watching You

UC Browser is owned by Jack Ma of Alibaba.com is a chinese company.

Beware Red Communist China watching you ~ if you are using this browser

UC Browser HAS PRETTY CHINESE GIRLIE look ~ BEWARE SHE WILL FUCK YOU if you blink.

All Username & Password You type-in in UC Browser goes to China

China & Chinese are nowadays turning fucking bullies.

They protest everything your country do & building & modernizing Chinese Army, Navy & Air Force very quickly.

BELIEVE ME, CHINESE GETTING READY FOR "WORLD WAR 3"

They might be Buddist or Christians BUT THEY ARE VERY CRUEL & GETTING POWERFUL.

wHEN THEY ARE WAR ~ ALL OUR COMPUTER & ACCOUNTS WILL BE IN THEIR BACKEND.

tHEY CAN DELETE or hack into your a/c when you are sleeping.


DO NOT USE CHINESE SOFTWARES at any cost.

Avoid buying CHINESE DATA & COMMUNICATION PRODUCTS TOO

Computer
Laptop
SmartPhones
Pen Drives
Optical Drives
Wireless Routers


Why Not Chinese

Chinese are Intellectual Property thives
They Counterfeit Everything that Goes to China for consumption or contract manufacturing including iPHONE they pirated
Not just that
Military Jet Planes
Rolls Royce Phantom Luxury Car
Military Hardwares
They also cell you WORTHLESS phones & Laptops under brand name "LENOVO"
NOT JUST THAT

tHEY PIRATED ENTIRE WORLD'S BEST KNOWN BANK - Goldman Sachs in the name of Goldman Sachs (Shenzhen) Financial Leasing Co

The New York based Goldman Sachs lost court case in China when they sued fake company.

That is china for you.

Password & Confirm Password AJAX Javascript - Solved

Simple AJAX...

<form> <input type="password" name="pxwd" id="pxwd" maxlength="10" /> <input type="password" name="rtpwd" id="rtpwd" maxlength="10" /> <div id="divCheckPasswordMatch" style="color:red;"></div> </form> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script> $('#rtpwd').on('keyup', function () { if ($(this).val() == $('#pxwd').val()) { $('#divCheckPasswordMatch').html('matching').css('color', 'green'); } else $('#divCheckPasswordMatch').html('not matching').css('color', 'red'); }); </script>

jQuery Ajax - Checkbox Load / Unload - External Page into DIV

Simple Bro / Sissy...

<input type="checkbox" name="rtrip" id="rtrip"> Need A Return-Trip? <script> $('#rtrip').click(function() { if($("#rtrip").checked){ $("#rxtrip1").load("p2p-rtrip.php"); } else { $("#rxtrip1").empty(); } }); </script>

Our New Delivery : NJ Metro Limo

Google Autocomplete Font Size CSS - Solved

How to Change GOOGLE AUTOCOMPLETE drop-down FONT-SIZE???

.pac-item { font-size: 12px; color: #d9d9d9; font-family: Arial, Helvetica, sans-serif; }

HTML Checkbox size CSS

It is very simple

Do You Want To Get Married??? <style> /* input[type="checkbox"]{*/ #marry { width: 30px; /*Desired width*/ height: 30px; /*Desired height*/ cursor: pointer; -webkit-appearance: none; appearance: none; } </style>

Best Datepicker and Timepicker ever

If you are looking for BEST DATEPICKER and TIMEPICKER...

Check this one : Javascript Date and Time Picker

<script> (function($){ jQuery('#csdate').datetimepicker({ timepicker:false, format:'m/d/Y' }); })(jQuery); </script>

Google Ajax Library & jQuery library conflict

Many a times we use Google Ajax jQuery Libraries for specific components

and

All the time jQuery proprietary CDN

Conflict is EXPECTED ALWAYS

How to Solve???>
1st in section place Google Ajax jQuery Libraries CDN & Call in Scripts (like Datepicker or any scripts)
Remember to Encapsule your codes with well formed jQuery.noConflict(); <script> jQuery.noConflict(); (function( $ ) { $(function() { $('#csdate').datetimepicker({ timepicker:false, format:'m/d/Y' }); }); })(jQuery); </script>

Just Before tag Place your All you jQuery libraries
Hope that helps you. Cheers!!!