Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- #termine {
- border-collapse: collapse;
- }
- </style>
- <table id="termine">
- <thead>
- <tr>
- <th><strong>Thema</strong></th>
- <th><strong>Datum</strong></th>
- <th><strong>Uhrzeit</strong></th>
- <th><strong>Ort</strong></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Beispiel</td>
- <td id="Datum1">21.12.2017</td>
- <td>12:15</td>
- <td>Kursort 1</td>
- </tr>
- <tr class="zweitezeile">
- <td>Beispiel</td>
- <td id="Datum2">15.12.2017</td>
- <td>13:45</td>
- <td>Kursort 2</td>
- </tr>
- <tr>
- <td>Beispiel</td>
- <td id="Datum3">04.01.2017</td>
- <td>12:15</td>
- <td>Kursort 1</td>
- </tr>
- <tr class="zweitezeile">
- <td>Beispiel</td>
- <td id="Datum4">03.03.2017</td>
- <td>12:15</td>
- <td>Kursort 2</td>
- </tr>
- <tr>
- <td>Beispiel</td>
- <td id="Datum5">05.01.2017</td>
- <td>12:15</td>
- <td>Kursort 1</td>
- </tr>
- </tbody>
- </table>
- <script>
- function myParseDate(rows, rowIdx) {
- var datearr = rows[rowIdx].cells[1].innerHTML.split(".");
- var timearr = rows[rowIdx].cells[2].innerHTML.split(":");
- return new Date(parseInt(datearr[2]), parseInt(datearr[1]) - 1, parseInt(datearr[0]),
- parseInt(timearr[1]), parseInt(timearr[0]), 0);
- }
- var now = new Date().getTime();
- var rows = document.getElementById("termine").rows;
- var nextTime = new Date(2099, 0, 1).getTime();
- var rowIdx = 1;
- for (var i = 1; i < rows.length; i++) {
- var currentTime = myParseDate(rows, i).getTime();
- if (currentTime < nextTime && currentTime > now) {
- rowIdx = i;
- nextTime = currentTime;
- }
- }
- console.log(rowIdx);
- rows[rowIdx].style.backgroundColor = "lightblue";
- rows[rowIdx].style.border = "thin solid blue";
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement