Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision Next revision Both sides next revision | ||
animals [2020/03/19 11:44] saph |
animals [2020/03/25 00:05] saph |
||
---|---|---|---|
Line 91: | Line 91: | ||
< | < | ||
<div class=" | <div class=" | ||
- | <table class=" | + | < |
< | < | ||
<tr> | <tr> | ||
- | | + | |
- | | + | < |
- | <th scope=" | + | < |
- | <th scope=" | + | < |
- | <th scope=" | + | < |
- | | + | < |
- | <th scope=" | + | < |
- | | + | < |
- | | + | < |
- | | + | < |
- | | + | < |
- | | + | < |
- | | + | < |
</tr> | </tr> | ||
</ | </ | ||
Line 241: | Line 241: | ||
</ | </ | ||
</ | </ | ||
+ | <script type=" | ||
+ | function sortTable(n, | ||
+ | var shouldSwitch, | ||
+ | var table = document.getElementById(tableId); | ||
+ | var switching = true; | ||
+ | |||
+ | var dir = " | ||
+ | |||
+ | while (switching) { | ||
+ | switching = false; | ||
+ | var rows = table.rows; | ||
+ | |||
+ | for (var i = 1; i < (rows.length - 1); i++) { | ||
+ | shouldSwitch = false; | ||
+ | |||
+ | var x = rows[i].getElementsByTagName(" | ||
+ | var y = rows[i + 1].getElementsByTagName(" | ||
+ | |||
+ | if (dir == " | ||
+ | if (x.innerHTML.toLowerCase() > y.innerHTML.toLowerCase()) { | ||
+ | shouldSwitch = true; | ||
+ | break; | ||
+ | } | ||
+ | } else if (dir == " | ||
+ | if (x.innerHTML.toLowerCase() < y.innerHTML.toLowerCase()) { | ||
+ | shouldSwitch = true; | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | if (shouldSwitch) { | ||
+ | rows[i].parentNode.insertBefore(rows[i + 1], rows[i]); | ||
+ | switching = true; | ||
+ | switchCount++; | ||
+ | } else { | ||
+ | if (switchCount == 0 && dir == " | ||
+ | dir = " | ||
+ | switching = true; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | / | ||
</ | </ |