![BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]](https://static01.helion.com.pl/helion/img/promocje/xzay/box_1180x419_1x_druk__Black_week_2_zestawy_2024_Rpolony_a0d7b42e2-z1.png)
Sortowanie pól tabeli poprzez JavaScript
Skrypt sortuje tabele używając wyłącznie kodu JavaScript.
Listing
<html>
<head>
<title>Sortowanie tabeli - przykład</title>
<script type="text/javascript">
function compareTRs(oTR1, oTR2) {
var sValue1 = oTR1.cells[0].firstChild.nodeValue;
var sValue2 = oTR2.cells[0].firstChild.nodeValue;
return sValue1.localeCompare(sValue2);
}
function sortTable(sTableID) {
var oTable = document.getElementById(sTableID);
var oTBody = oTable.tBodies[0];
var colDataRows = oTBody.rows;
var aTRs = new Array;
for (var i=0; i < colDataRows.length; i++) {
aTRs[i] = colDataRows[i];
}
aTRs.sort(compareTRs);
var oFragment = document.createDocumentFragment();
for (var i=0; i < aTRs.length; i++) {
oFragment.appendChild(aTRs[i]);
}
oTBody.appendChild(oFragment);
}
</script>
</head>
<body>
<p>Kliknij na nagłówku tabeli, by posortować dane w kolejności rosnšcej.</p>
<table border="1" id="tblSort">
<thead>
<tr>
<th onclick="sortTable('tblSort')" style="cursor:pointer">Nazwisko</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kowalski</td>
</tr>
<tr>
<td>Jankowski</td>
</tr>
<tr>
<td>Hanuszkiewicz</td>
</tr>
<tr>
<td>Wojciechowski</td>
</tr>
<tr>
<td>Gilowski</td>
</tr>
<tr>
<td>Walczak</td>
</tr>
</tbody>
</table>
</body>
</html>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
