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