MySQL & PHP References: January 2017

Sunday, January 22, 2017

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>

Wednesday, January 18, 2017

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

Ajax Checkbox Load External Page

It is pretty simple to load external page in a div element on click checkbox

Do It yourself

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

     
   </head>
   <body>
      
<input type="checkbox" id="isAgeSelected"/> Return Trip
<div id="txtAge" style="display:none"></div>


<script type="text/javascript">

$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
 $("#txtAge").load("rtrip.php");
});
 </script>
   </body>
</html>

MySQL & PHP References

Search This Blog