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