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