Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang='en'>
- <head>
- <meta charset='UTF-8'>
- <title>Miniemensite</title>
- <link rel='stylesheet' href='styling/style.css'>
- <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
- </head>
- <body>
- <p class='paginatitel'>ZOEK OP</p>
- <input class='myInput' type='text' id='myInput' onkeyup='zoekNaam()' placeholder='Naam' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput2' onkeyup='zoekLokaal()' placeholder='Lokaal' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput3' onkeyup='zoekBeginDat()' placeholder='Begin Datum' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput4' onkeyup='zoekEindDat()' placeholder='Eind Datum' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput5' onkeyup='zoekBeschrijving()' placeholder='Beschrijving' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput6' onkeyup='zoekDeelnemer()' placeholder='Deelnemer' title='Vul een naam in'>
- <input class='myInput' type='text' id='myInput7' onkeyup='zoekAuteur()' placeholder='Auteur' title='Vul een naam in'>
- <table id='myTable'>
- <thead>
- <tr>
- <th scope='col'>Evenement</th>
- <th scope='col'>Lokaal</th>
- <th scope='col'>Begin Datum</th>
- <th scope='col'>Eind Datum</th>
- <th scope='col'>Beschrijving</th>
- <th scope='col'>Deelnemers</th>
- <th scope='col'>Auteur</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td data-label='Naam'> Testev </td>
- <td data-label='Lokaal'> </td>
- <td data-label='Begindat'> 19/06/2019 </td>
- <td data-label='Einddat'> 20/06/2019 </td>
- <td data-label='Beschrijving'> </td>
- <td data-label='Deelnemers'>
- </td>
- <td data-label='Auteur'>
- <a HREF='mailto:contact@miniemenevents.be'> </a>
- </td>
- </tr>
- <tr>
- <td data-label='Naam'> Poepje </td>
- <td data-label='Lokaal'> </td>
- <td data-label='Begindat'> 11/06/2019 </td>
- <td data-label='Einddat'> 22/06/2019 </td>
- <td data-label='Beschrijving'> </td>
- <td data-label='Deelnemers'>
- </td>
- <td data-label='Auteur'>
- <a HREF='mailto:contact@miniemenevents.be'> </a>
- </td>
- </tr>
- <script>
- function zoekNaam() {
- var input, filter, table, tr, td, i, txtValue;
- 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) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekLokaal() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput2');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[1];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekBeginDat() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput3');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[2];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekEindDat() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput4');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[3];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekBeschrijving() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput5');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[4];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekDeelnemer() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput6');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[5];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }
- function zoekAuteur() {
- var input, filter, table, tr, td, i, txtValue;
- input = document.getElementById('myInput7');
- filter = input.value.toUpperCase();
- table = document.getElementById('myTable');
- tr = table.getElementsByTagName('tr');
- for (i = 0; i < tr.length; i++) {
- td = tr[i].getElementsByTagName('td')[6];
- if (td) {
- txtValue = td.textContent || td.innerText;
- if (txtValue.toUpperCase().indexOf(filter) > -1) {
- tr[i].style.display = '';
- } else {
- tr[i].style.display = 'none';
- }
- }
- }
- }(function() {;
- var dbh, sto, num = 1,
- temp = 10,
- scrolldelay = 10;
- function init() {
- dbh = document.body.offsetHeight;
- pageScroll();
- }
- function pageScroll() {
- window.scrollBy(0, num);
- temp += num;
- if ((temp >= dbh) || (temp <= 0)) {
- num = -num;
- }
- sto = setTimeout(function() {
- pageScroll();
- }, scrolldelay);
- }
- window.addEventListener ? window.addEventListener('load', init, false) : window.attachEvent('onload', init);
- })();
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement