Author: vishvsahdev

City jQuery AJAX Autocomplete


  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>Demo -country state city dropdown using jquery ajax</title>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  6.     <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  7.     <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script>
  8.     <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.js"></script>
  9. </head>
  10. <style>
  11. .cen{
  12.     width:50%;
  13.     margin: 0 auto;
  14. }
  16. @media (max-width: 400px) { 
  17.     .cen{
  18.         width: 80%;
  19.         margin: 0 auto;
  20.     }
  21. }
  24. </style>
  26. <body>
  27.     <div class="row">
  28.         <div class="cen">
  29.         <h3></h3>Demo : Country state city dropdown using jquery ajax</h3>
  31. if(isset($_POST['city']) && isset($_POST['date']) && isset($_POST['time'])){
  32. echo '<h3>Output</h3><hr><dl class="dl-horizontal">';
  33. echo "<dt>Country</dt>  <dd>". $_POST['country'] ."</dd>";
  34. echo "<dt>State</dt>    <dd>". $_POST['state'] ."</dd>";
  35. echo "<dt>City</dt>     <dd>". $_POST['city'] ."</dd>";    
  36. echo "<dt>Date</dt>     <dd>". $_POST['date'] ."</dd>";
  37. echo "<dt>Time</dt>     <dd>". $_POST['time'] ."</dd><dl><hr>";
  38. }    
  41.             <form action="city-search.php"  method="post">
  42.             <div class="row">
  43.                     <div class="form-group col-sm-6">
  44.                         <label for="a">Date</label>
  45.                         <input type="date" name="date" id="date"  class="form-control"/>
  46.                     </div>
  47.                     <div class="form-group col-sm-6">
  48.                         <label for="a">Time</label>
  49.                         <input type="time" name="time" id="time"  class="form-control"/>
  50.                     </div>
  51.             </div>        
  52.                 <div class="form-group">
  53.                     <label for="a">Search City:</label>
  54.                     <input type="text" name="city" id="city" autocomplete="off" class="form-control typeahead"/>
  55.                 </div>
  56.                 <div class="row">
  57.                     <div class="form-group col-sm-4">
  58.                         <label for="a">Country</label>
  59.                         <input type="text" name="country" id="country" readonly class="form-control"/>
  60.                     </div>
  61.                     <div class="form-group col-sm-4">
  62.                         <label for="a">State</label>
  63.                         <input type="text" name="state" id="state" readonly class="form-control"/>
  64.                     </div>
  65.                     
  66.                     <div class="form-group col-sm-4">
  67.                         <label for="a">Country Code</label>
  68.                         <input type="text" name="country_code" id="country_code" readonly class="form-control"/>
  69.                     </div>
  70.                 </div>
  71.                 <div class="form-group ">
  72.                         <input type="submit" name="submit" id="submit" value="Submit" class="form-control"/>
  73.                 </div>
  74.             </form>
  75.         </div>
  76.         
  77.     </div>
  78. </body>
  79. <script>
  80.     $(document).ready(function () {
  81.         $('#city').typeahead({
  82.             source: function (query, result) {
  83.             states = [];
  84.             map = {};
  85.                 $.ajax({
  86.                     url: "http://astrologyclass.org/api/server.html?q=" + query,
  87.                     minLength: 2,           
  88.                     dataType: "json",
  89.                     type: "GET",
  90.                     success: function (data) {
  91.                         $.each(data, function (i, state) {
  92.                         map[state.city_name] = state;
  93.                         states.push(state.city_name);
  94.                         });
  95.                         result(states);
  96.                     }
  97.                 });
  98.             },
  99.             afterSelect: function(item) {
  100.             
  101.             $("#country").val(map[item].country_name);
  102.             $("#state").val(map[item].state_name);
  103.             $("#country_code").val(map[item].country_code);
  104.             }            
  105.         });
  106.     });
  107.     
  108. </script>
  109. </html>

Demo

Bootstrap Pager


  1. <?
  2. $total_query=30;
  3. $active_page_number=1;
  4. $per_page_display=10;
  6. if(isset($_GET['page-number'])){
  7.     $active_page_number = ctype_digit($_GET['page-number'])? $_GET['page-number'] : 1;
  8.     echo "<h1>Page Number " . $_GET['page-number'] . "</h1>";
  9.     echo "<br>Per Page Display ". $per_page_display;
  10.     echo "<br>Active Page Number ". $active_page_number;
  11.     echo "<br>Total Query ". $total_query;
  12. }
  13. echo pager("?","page-number=",$total_query,$active_page_number,$per_page_display);
  15. function pager($q,$p="page",$totalRow=30,$currentPage=1,$perPageDisplay=10)
  16. {
  17. $pp="";
  18. $leftDisplay=4;
  19. $rightDisplay=4;
  20. $totalPage=ceil($totalRow / $perPageDisplay);
  22. if($currentPage > $totalPage)
  23. $currentPage=1;
  26. $lplus=0;
  27. $rplus=0;
  28. if($totalPage < 10)
  29. {
  30. for($i=1;$i<=$totalPage;$i++)
  31. if($currentPage == $i)
  32. $pp .= "<li><a href=\"$q$p$i\" class=\"active\"> $i  </a></li>";
  33. else
  34. $pp .= "<li><a href=\"$q$p$i\" > $i  </a></li>";
  35. }
  37. else
  38. {
  39. if($currentPage <= $leftDisplay){
  40. $lplus=$leftDisplay - $currentPage;
  41. $l=1;
  42. $rightDisplay = $rightDisplay + $lplus;
  43. $end="<li><a href=\"$q$p$totalPage\" aria-label=\"Next\"><span aria-hidden=\"true\">&raquo;</span></a></li>";
  44. }
  46. else{
  47. $l=$currentPage - $leftDisplay;
  48. $end="<li><a href=\"$q$p$totalPage\" aria-label=\"Next\"><span aria-hidden=\"true\">&raquo;</span></a></li>";
  49. }
  53. if(($currentPage + $rightDisplay) >= $totalPage){
  54. $rplus=($currentPage + $rightDisplay) - $totalPage;
  55. $r=$totalPage;
  56. $l=$l-$rplus;
  57. $start="<li><a href=\"".$q.$p."1\" aria-label=\"Previous\"><span aria-hidden=\"true\">&laquo;</span></a></li>";
  58. }
  60. else{
  61. $r=$currentPage + $rightDisplay;
  62. $start="<li><a href=\"".$q.$p."1\" aria-label=\"Previous\"><span aria-hidden=\"true\">&laquo;</span></a></li>";
  63. }
  66. $pp = $start;
  67. for($i=$l;$i<=$r;$i++){
  68. if($currentPage == $i)
  69.  $pp .= "<li class=\"active\"><a href=\"$q$p$i\">$i<span class=\"sr-only\">$i</span></a></li>";
  70. else
  71.  $pp .= "<li><a href=\"$q$p$i\">$i</a></li>";
  72. }
  73. $pp .= $end;
  74. }
  76. return $pp;
  77. }

php code encode decode string

Encode Decode String

example———————————

$r=base64_encode(encode(“vishv sahdev”));
echo “<br>”.$r;
$r=decode(base64_decode($r));
echo “<br>”.$r;

————————————————————-

$r=encode(“vishv sahdev”);
echo “<br>”.$r;
$r=decode($r);
echo “<br>”.$r;

——————————————————————


  1. <?
  2. function encode($r){
  4. $n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcedfghijklmnopqrstuvwxyz0123456789-";
  5. $convert = 'y1xYsKjeXT7o3iHrCVz0uwLFtWcPbD4kMahdNAIJ5En-pGfOUQBq9m6v28RgZlS';
  6. $numbers1 = str_split($r);
  7. $f=array_combine(str_split($n), str_split($convert));
  8. $x='';
  9. foreach($numbers1 as $k=&gt;$v)
  10. if(isset($f[$v]))
  11. $x .= $f[$v];
  12. else
  13. $x .= $v;
  14. return $x;
  15. }
  17. function decode($r){
  18. $n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcedfghijklmnopqrstuvwxyz0123456789-";
  19. $convert = 'y1xYsKjeXT7o3iHrCVz0uwLFtWcPbD4kMahdNAIJ5En-pGfOUQBq9m6v28RgZlS';
  20. $numbers1 = str_split($r);
  21. $f=array_combine(str_split($n), str_split($convert));
  22. $f=array_flip($f);
  23. $x='';
  24. foreach($numbers1 as $k=&gt;$v){
  25. if(isset($f[$v]))
  26. $x .= $f[$v];
  27. else
  28. $x .= $v;
  29. }
  30. return $x;
  31. }


generate password php code

Generate Password
function generate_password(){
$chars[0] = "abcdeghijklmnpqrstvwxyz"; // 4 chars
$chars[1] = "ABCDEFGHIJKLMNPQSTVWXYZ"; // 2 chars
$chars[2] = "012345789"; // 2chars
$chars[3] = "$#@!%^&*_-+"; // 2chars
$cc=[4,2,2,2];  //
for($g=0;$g<4;$g++){
for($i=0;$i<$cc[$g];$i++){
$key[]= substr($chars[$g],(rand()%(strlen($chars[$g]))), 1);
}
}
shuffle($key);
return implode("",$key);
}

Ajax validate and display forms with Bootstrap

Simple & easy, This class can compose, ajax validate and display forms with Bootstrap. It can compose and display forms with common fields using Bootstrap to render the forms using a given template in HTML. The class can also validate the submitted form values according to given validation rules.

Download Zip File   Demo

Count user visits and display in a image widget

This class count user visits and display in a image widget. It can record the accesses of site visitors in a MySQL database. The class can also generate an image for a widget that displays the number of visitors of the site pages. The image widget details like font color, font style, font, background color can be configured.

Download    Demo