Skip to main content

Search Menu Using JavaScript In Php and Html

 

Search Menu Using JavaScript In Php and Html



<div class="left" style="background-color:#bbb;">
    <h2>Menu</h2>
    <input type="text" id="mySearch" onkeyup="myFunction()" placeholder="Search.." title="Type in a category">
    <ul id="myMenu">
      <li><a href="#">HTML</a></li>
      <li><a href="#">CSS</a></li>
      <li><a href="#">JavaScript</a></li>
      <li><a href="#">PHP</a></li>
      <li><a href="#">Python</a></li>
      <li><a href="#">jQuery</a></li>
      <li><a href="#">SQL</a></li>
      <li><a href="#">Bootstrap</a></li>
      <li><a href="#">Node.js</a></li>
    </ul>
  </div>


<script>
function myFunction() {
  var input, filter, ul, li, a, i;
  input = document.getElementById("mySearch");
  filter = input.value.toUpperCase();
  ul = document.getElementById("myMenu");
  li = ul.getElementsByTagName("li");
  for (i = 0; i < li.length; i++) {
    a = li[i].getElementsByTagName("a")[0];
    if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {
      li[i].style.display = "";
    } else {
      li[i].style.display = "none";
    }
  }
}
</script>



Comments

Popular posts from this blog

Calculate month year difference b/w. two date

function calculateAge() {          var Bdate = document.getElementById('calculate_age').value;     var Bday = new Date(Bdate);     var today=Date.now();     var dateTo=new Date(today);         var dateFrom=Bday;    var Q4A = dateTo.getMonth() - dateFrom.getMonth() +     (12 * (dateTo.getFullYear() - dateFrom.getFullYear()));    var year = Math.floor(Q4A/12);    var month = Q4A%12;              $("#age").val(year + ' Year ' + month + ' Month ');      }

Restrict File Type on File Upload

if(isset($_POST['upload']))  {         if($_FILES['csv_data']['name'])         {         $arrFileName = explode('.',$_FILES['csv_data']['name']);         if($arrFileName[1] == 'csv')         {         $handle = fopen($_FILES['csv_data']['tmp_name'], "r");         $counter=0;             while (($data = fgetcsv($handle, 1000, ",")) !== FALSE)             {                 if  ( $counter == 0 )                     { }                 else {                  $emp_code = $class->escape_string($data[0]);                  $emp_name = $class->escape_...

Upload Csv To Mysql By PHP

HTML CODE <div class="panel-body"> <form action="employee_entry.php" method="post" class="form-horizontal" enctype="multipart/form-data" > <div class="form-group"> <div class="col-md-9"></div> <div class="col-md-3"> <a href="download/Employee_details.csv">Download CSV Format</a> </div> </div> <fieldset> <legend> Work Order Form  </legend> <div class="form-group"> <div class="col-md-2"> <label class="" for="organisation">Select Csv File</label> </div> <div class="col-md-10"> <input type="fi...