![Weso³ych¦wi±t ;]](http://funkcje.net/images/logo_easter.jpg){kind=logo}
![Światowy dzień książki... IT! [Książki drukowane -40%| Ebooki -50%]](https://static01.helion.com.pl/helion/img/promocje/bannery/19098/box_1180x419_6x_druk_Helion_swiatowy_dzien_ksiazki_Rpolony_054b5475a.jpg)
Sortowanie pól dwóch tabeli poprzez JavaScript
Skrypt sortuje tabele 2 używając wyłącznie kodu JavaScript.
Listing
<html>
<head>
<title>Sortowanie tabeli - przykład</title>
<script type="text/javascript">
function generateCompareTRs(iCol) {
return function compareTRs(oTR1, oTR2) {
var sValue1 = oTR1.cells[iCol].firstChild.nodeValue;
var sValue2 = oTR2.cells[iCol].firstChild.nodeValue;
return sValue1.localeCompare(sValue2);
};
}
function sortTable(sTableID, iCol) {
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(generateCompareTRs(iCol));
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ć ją w kolejności rosnšcej.</p>
<table border="1" id="tblSort">
<thead>
<tr>
<th onclick="sortTable('tblSort', 0)" style="cursor:pointer">Nazwisko</th>
<th onclick="sortTable('tblSort', 1)" style="cursor:pointer">Imię</th>
</tr>
</thead>
<tbody>
<tr>
<td>Kowalski</td>
<td>Jan</td>
</tr>
<tr>
<td>Jankowski</td>
<td>Bogumił</td>
</tr>
<tr>
<td>Hanuszkiewicz</td>
<td>Nikodem</td>
</tr>
<tr>
<td>Wojciechowski</td>
<td>Bartosz</td>
</tr>
<tr>
<td>Gilowski</td>
<td>Michał</td>
</tr>
<tr>
<td>Walczak</td>
<td>Mateusz</td>
</tr>
</tbody>
</table>
</body>
</html>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Ranga: Administrator serwisu Punktów: 28716
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
