Changes

no edit summary
Line 18: Line 18:  
<div class="mainpage_box">
 
<div class="mainpage_box">
 
<div class="items">
 
<div class="items">
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Heading</span></h2>
+
<h2><span class="header_icon" aria-hidden="true" role="presentation">[[File:Icon GCTools.png|20px|middle|link=]]</span><span>Search</span></h2>
    +
Search for a project below by typing a keyword... You can get more detail on each project by clicking on it.
 +
 +
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Start typing here" title="Type in a service">
    
{| class="wikitable collapsible sortable"
 
{| class="wikitable collapsible sortable"
Line 99: Line 102:  
         color: rgb(255,255,255);
 
         color: rgb(255,255,255);
 
}}
 
}}
 +
 +
 +
<script>
 +
function myFunction() {
 +
  var input, filter, table, tr, td, i;
 +
  input = document.getElementById("myInput");
 +
  filter = input.value.toUpperCase();
 +
  table = document.getElementById("myTable");
 +
  tr = table.getElementsByTagName("tr");
 +
  for (i = 0; i < tr.length; i++) {
 +
    td = tr[i].getElementsByTagName("td")[0];
 +
    if (td) {
 +
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
 +
        tr[i].style.display = "";
 +
      } else {
 +
        tr[i].style.display = "none";
 +
      }
 +
    }     
 +
  }
 +
}
 +
</script>