Advertisement
Guest User

Untitled

a guest
Jun 19th, 2019
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.88 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang='en'>
  3.  
  4. <head>
  5. <meta charset='UTF-8'>
  6. <title>Miniemensite</title>
  7. <link rel='stylesheet' href='styling/style.css'>
  8. <link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
  9. </head>
  10.  
  11. <body>
  12. <p class='paginatitel'>ZOEK OP</p>
  13. <input class='myInput' type='text' id='myInput' onkeyup='zoekNaam()' placeholder='Naam' title='Vul een naam in'>
  14. <input class='myInput' type='text' id='myInput2' onkeyup='zoekLokaal()' placeholder='Lokaal' title='Vul een naam in'>
  15. <input class='myInput' type='text' id='myInput3' onkeyup='zoekBeginDat()' placeholder='Begin Datum' title='Vul een naam in'>
  16. <input class='myInput' type='text' id='myInput4' onkeyup='zoekEindDat()' placeholder='Eind Datum' title='Vul een naam in'>
  17. <input class='myInput' type='text' id='myInput5' onkeyup='zoekBeschrijving()' placeholder='Beschrijving' title='Vul een naam in'>
  18. <input class='myInput' type='text' id='myInput6' onkeyup='zoekDeelnemer()' placeholder='Deelnemer' title='Vul een naam in'>
  19. <input class='myInput' type='text' id='myInput7' onkeyup='zoekAuteur()' placeholder='Auteur' title='Vul een naam in'>
  20. <table id='myTable'>
  21. <thead>
  22. <tr>
  23. <th scope='col'>Evenement</th>
  24. <th scope='col'>Lokaal</th>
  25. <th scope='col'>Begin Datum</th>
  26. <th scope='col'>Eind Datum</th>
  27. <th scope='col'>Beschrijving</th>
  28. <th scope='col'>Deelnemers</th>
  29. <th scope='col'>Auteur</th>
  30. </tr>
  31. </thead>
  32. <tbody>
  33. <tr>
  34. <td data-label='Naam'> Testev </td>
  35. <td data-label='Lokaal'> </td>
  36. <td data-label='Begindat'> 19/06/2019 </td>
  37. <td data-label='Einddat'> 20/06/2019 </td>
  38. <td data-label='Beschrijving'> </td>
  39. <td data-label='Deelnemers'>
  40. </td>
  41. <td data-label='Auteur'>
  42. <a HREF='mailto:contact@miniemenevents.be'> </a>
  43. </td>
  44. </tr>
  45. <tr>
  46. <td data-label='Naam'> Poepje </td>
  47. <td data-label='Lokaal'> </td>
  48. <td data-label='Begindat'> 11/06/2019 </td>
  49. <td data-label='Einddat'> 22/06/2019 </td>
  50. <td data-label='Beschrijving'> </td>
  51. <td data-label='Deelnemers'>
  52. </td>
  53. <td data-label='Auteur'>
  54. <a HREF='mailto:contact@miniemenevents.be'> </a>
  55. </td>
  56. </tr>
  57. <script>
  58. function zoekNaam() {
  59. var input, filter, table, tr, td, i, txtValue;
  60. input = document.getElementById('myInput');
  61. filter = input.value.toUpperCase();
  62. table = document.getElementById('myTable');
  63. tr = table.getElementsByTagName('tr');
  64. for (i = 0; i < tr.length; i++) {
  65. td = tr[i].getElementsByTagName('td')[0];
  66. if (td) {
  67. txtValue = td.textContent || td.innerText;
  68. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  69. tr[i].style.display = '';
  70. } else {
  71. tr[i].style.display = 'none';
  72. }
  73. }
  74. }
  75. }
  76.  
  77. function zoekLokaal() {
  78. var input, filter, table, tr, td, i, txtValue;
  79. input = document.getElementById('myInput2');
  80. filter = input.value.toUpperCase();
  81. table = document.getElementById('myTable');
  82. tr = table.getElementsByTagName('tr');
  83. for (i = 0; i < tr.length; i++) {
  84. td = tr[i].getElementsByTagName('td')[1];
  85. if (td) {
  86. txtValue = td.textContent || td.innerText;
  87. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  88. tr[i].style.display = '';
  89. } else {
  90. tr[i].style.display = 'none';
  91. }
  92. }
  93. }
  94. }
  95.  
  96. function zoekBeginDat() {
  97. var input, filter, table, tr, td, i, txtValue;
  98. input = document.getElementById('myInput3');
  99. filter = input.value.toUpperCase();
  100. table = document.getElementById('myTable');
  101. tr = table.getElementsByTagName('tr');
  102. for (i = 0; i < tr.length; i++) {
  103. td = tr[i].getElementsByTagName('td')[2];
  104. if (td) {
  105. txtValue = td.textContent || td.innerText;
  106. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  107. tr[i].style.display = '';
  108. } else {
  109. tr[i].style.display = 'none';
  110. }
  111. }
  112. }
  113. }
  114.  
  115. function zoekEindDat() {
  116. var input, filter, table, tr, td, i, txtValue;
  117. input = document.getElementById('myInput4');
  118. filter = input.value.toUpperCase();
  119. table = document.getElementById('myTable');
  120. tr = table.getElementsByTagName('tr');
  121. for (i = 0; i < tr.length; i++) {
  122. td = tr[i].getElementsByTagName('td')[3];
  123. if (td) {
  124. txtValue = td.textContent || td.innerText;
  125. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  126. tr[i].style.display = '';
  127. } else {
  128. tr[i].style.display = 'none';
  129. }
  130. }
  131. }
  132. }
  133.  
  134. function zoekBeschrijving() {
  135. var input, filter, table, tr, td, i, txtValue;
  136. input = document.getElementById('myInput5');
  137. filter = input.value.toUpperCase();
  138. table = document.getElementById('myTable');
  139. tr = table.getElementsByTagName('tr');
  140. for (i = 0; i < tr.length; i++) {
  141. td = tr[i].getElementsByTagName('td')[4];
  142. if (td) {
  143. txtValue = td.textContent || td.innerText;
  144. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  145. tr[i].style.display = '';
  146. } else {
  147. tr[i].style.display = 'none';
  148. }
  149. }
  150. }
  151. }
  152.  
  153. function zoekDeelnemer() {
  154. var input, filter, table, tr, td, i, txtValue;
  155. input = document.getElementById('myInput6');
  156. filter = input.value.toUpperCase();
  157. table = document.getElementById('myTable');
  158. tr = table.getElementsByTagName('tr');
  159. for (i = 0; i < tr.length; i++) {
  160. td = tr[i].getElementsByTagName('td')[5];
  161. if (td) {
  162. txtValue = td.textContent || td.innerText;
  163. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  164. tr[i].style.display = '';
  165. } else {
  166. tr[i].style.display = 'none';
  167. }
  168. }
  169. }
  170. }
  171.  
  172. function zoekAuteur() {
  173. var input, filter, table, tr, td, i, txtValue;
  174. input = document.getElementById('myInput7');
  175. filter = input.value.toUpperCase();
  176. table = document.getElementById('myTable');
  177. tr = table.getElementsByTagName('tr');
  178. for (i = 0; i < tr.length; i++) {
  179. td = tr[i].getElementsByTagName('td')[6];
  180. if (td) {
  181. txtValue = td.textContent || td.innerText;
  182. if (txtValue.toUpperCase().indexOf(filter) > -1) {
  183. tr[i].style.display = '';
  184. } else {
  185. tr[i].style.display = 'none';
  186. }
  187. }
  188. }
  189. }(function() {;
  190. var dbh, sto, num = 1,
  191. temp = 10,
  192. scrolldelay = 10;
  193.  
  194. function init() {
  195. dbh = document.body.offsetHeight;
  196. pageScroll();
  197. }
  198.  
  199. function pageScroll() {
  200. window.scrollBy(0, num);
  201. temp += num;
  202. if ((temp >= dbh) || (temp <= 0)) {
  203. num = -num;
  204. }
  205. sto = setTimeout(function() {
  206. pageScroll();
  207. }, scrolldelay);
  208. }
  209. window.addEventListener ? window.addEventListener('load', init, false) : window.attachEvent('onload', init);
  210. })();
  211. </script>
  212. </body>
  213.  
  214. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement