Loading:

BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.vfprintf() 2.rtrim() 3.token_name 4.usort() 5.explode() 6.strpos() 7.fprintf() 8.gzgets() 9.gztell() 10.srand

56853.05

Sortowanie plików według nazwy i typu za pomocą JavaScript

Skrypt sortuje pliki według nazwy i typu za pomocą JavaScript.

Listing

<html>
<head>
<title>Sortowanie tabeli - przykład</title>
<script type="text/javascript">

function convert(sValue, sDataType) {
switch(sDataType) {
case "int":
return parseInt(sValue);
case "float":
return parseFloat(sValue);
case "date":
return new Date(Date.parse(sValue));
default:
return sValue.toString();

}
}

function generateCompareTRs(iCol, sDataType) {

return function compareTRs(oTR1, oTR2) {
var vValue1, vValue2;

if (oTR1.cells[iCol].getAttribute("value")) {
vValue1 = convert(oTR1.cells[iCol].getAttribute("value"),
sDataType);
vValue2 = convert(oTR2.cells[iCol].getAttribute("value"),
sDataType);
} else {
vValue1 = convert(oTR1.cells[iCol].firstChild.nodeValue,
sDataType);
vValue2 = convert(oTR2.cells[iCol].firstChild.nodeValue,
sDataType);
}

if (vValue1 < vValue2) {
return -1;
} else if (vValue1 > vValue2) {
return 1;
} else {
return 0;
}
};
}

function sortTable(sTableID, iCol, sDataType) {
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];
}

if (oTable.sortCol == iCol) {
aTRs.reverse();
} else {
aTRs.sort(generateCompareTRs(iCol, sDataType));
}

var oFragment = document.createDocumentFragment();
for (var i=0; i < aTRs.length; i++) {
oFragment.appendChild(aTRs[i]);
}

oTBody.appendChild(oFragment);
oTable.sortCol = iCol;
}

</script>
</head>
<body>
<p>Kliknij na nagłówku tabeli, by jš posortować.</p>
<table border="1" id="tblSort">

<thead>
<tr>
<th onclick="sortTable('tblSort', 0)" style="cursor:pointer">Typ</th>
<th onclick="sortTable('tblSort', 1)" style="cursor:pointer">Nazwa pliku</th>
</tr>
</thead>
<tbody>
<tr>

<td value="doc"><img src="images/wordicon.gif"/></td>
<td>Mój życiorys.doc</td>
</tr>
<tr>
<td value="xls"><img src="images/excelicon.gif"/></td>
<td>Budżet na jesień.xls</td>
</tr>
<tr>

<td value="pdf"><img src="images/acrobaticon.gif"/></td>
<td>Jak zostać lepszym programistą.pdf</td>
</tr>
<tr>
<td value="doc"><img src="images/wordicon.gif"/></td>
<td>Mój stary życiorys.doc</td>
</tr>
<tr>

<td value="txt"><img src="images/notepadicon.gif"/></td>
<td>Notatki ze spotkania.txt</td>
</tr>
<tr>
<td value="zip"><img src="images/zippedfoldericon.gif"/></td>
<td>Kopie zapasowe.zip</td>
</tr>
<tr>

<td value="xls"><img src="images/excelicon.gif"/></td>
<td>Budżet na wiosnę.xls</td>
</tr>
<tr>
<td value="doc"><img src="images/wordicon.gif"/></td>
<td>Opis stanowiska - projektant stron WWW.doc</td>
</tr>
<tr>

<td value="pdf"><img src="images/acrobaticon.gif"/></td>
<td>Zapisana strona WWW.pdf</td>
</tr>
<tr>
<td value="doc"><img src="images/wordicon.gif"/></td>
<td>Rozdział 1.doc</td>
</tr>
</tbody>

</table>
</body>
</html>