Aufsteigend sortierbare Zellenspalten

Ein zweites JavaScript, das die Zellen einer Tabelle entsprechend aufsteigend sortiert.

ID	Name	Datum	Telefon-Nr.	Lebensbereich
1	Max Mustermann	29/2/72	09182-maxmu	Mustermensch
2	Fritz Schmidt	9/3/63	0123-049049	unbekannt
3	Adolf Schulz	20/4/33	0987-330420	typischer Deutscher
4	Adam der Erste	1/6/-5421	unbekannt	erster Mann
5	Eva die Erste	1/6/-5421	unbekannt	erste Frau
6	Bruder Abraham	2/28/29	unbekannt	Trödler
7	Papa Schlumpf	12/31/71	kein Anschluss	Ältester
8	Donald Duck	4/1/24	313	Neffe
9	Yoko Tsuno	1/1/75	0666-6660	Elektronikspezialistin
10	Erich von Däniken	4/20/39	geheim	Präastronautikerforschender
11	ich	x/x/67	egal	Self

Anmerkung 1: Große Tabellen brauchen einige Zeit zum Sortieren, der IE gibt hier ggf. (auch mehrmals) die Verzögerungswarung aus - lässt man das Script fortfahren, gelangt man zum Ergebnis.
Anmerkung 2: Das Script sortiert nur die jeweilige Spalte, die anderen Spalten werden von der Sotierung nicht berührt.
Anmerkung 3: Die Angaben in der obigen Tabelle haben nicht unbedingt und schon gar nicht gewollt mit noch lebenden oder bereits verschiedenen Personen oder frei erfundenen Figuren eine wie auch immer geartete Übereinstimmung - sie dienen lediglich dem Zecke der Demonstration der Funktionalität dieses JavaScripts.

	Position in der html-Datei: head-Bereich
<script type="text/javascript"> <!-- /* his script and many more are available free online at The JavaScript Source!! http://javascript.internet.com / function setDataType(cValue) { // THIS FUNCTION CONVERTS DATES AND NUMBERS FOR PROPER ARRAY SORTING WHEN IN THE SORT FUNCTION var isDate = new Date(cValue); if (isDate == "NaN") { if (isNaN(cValue)) { // THE VALUE IS A STRING, MAKE ALL CHARACTERS IN STRING UPPER CASE TO ASSURE PROPER A-Z SORT cValue = cValue.toUpperCase(); return cValue; } else { // VALUE IS A NUMBER, TO PREVENT STRING SORTING OF A NUMBER ADD AN ADDITIONAL DIGIT THAT IS THE + TO THE LENGTH OF THE NUMBER WHEN IT IS A STRING var myNum; myNum = String.fromCharCode(48 + cValue.length) + cValue; return myNum; } } else { // VALUE TO SORT IS A DATE, REMOVE ALL OF THE PUNCTUATION AND AND RETURN THE STRING NUMBER BUG - STRING AND NOT NUMERICAL SORT ..... ( 1 - 10 - 11 - 2 - 3 - 4 - 41 - 5 etc.) var myDate = new String(); myDate = isDate.getFullYear() + " " ; myDate = myDate + isDate.getMonth() + " "; myDate = myDate + isDate.getDate(); + " "; myDate = myDate + isDate.getHours(); + " "; myDate = myDate + isDate.getMinutes(); + " "; myDate = myDate + isDate.getSeconds(); return myDate ; } } function sortTable(col, tableToSort) { var iCurCell = col + tableToSort.cols; var totalRows = tableToSort.rows.length; var bSort = 0; var colArray = new Array(); var oldIndex = new Array(); var indexArray = new Array(); var bArray = new Array(); var newRow; var newCell; var i; var c; var j; // * POPULATE THE ARRAY colArray WITH CONTENTS OF THE COLUMN SELECTED for (i=1; i < tableToSort.rows.length; i++) { colArray[i - 1] = setDataType(tableToSort.cells(iCurCell).innerText); iCurCell = iCurCell + tableToSort.cols; } // COPY ARRAY FOR COMPARISON AFTER SORT for (i=0; i < colArray.length; i++) { bArray[i] = colArray[i]; } // SORT THE COLUMN ITEMS //alert ( colArray ); colArray.sort(); //alert ( colArray ); for (i=0; i < colArray.length; i++) { // LOOP THROUGH THE NEW SORTED ARRAY indexArray[i] = (i+1); for(j=0; j < bArray.length; j++) { // LOOP THROUGH THE OLD ARRAY if (colArray[i] == bArray[j]) { // WHEN THE ITEM IN THE OLD AND NEW MATCH, PLACE THE CURRENT ROW NUMBER IN THE PROPER POSITION IN THE NEW ORDER ARRAY SO ROWS CAN BE MOVED .... MAKE SURE CURRENT ROW NUMBER IS NOT ALREADY IN THE NEW ORDER ARRAY for (c=0; c<i; c++) { if ( oldIndex[c] == (j+1) ) { bSort = 1; } } if (bSort == 0) { oldIndex[i] = (j+1); } bSort = 0; } } } // ** SORTING COMPLETE, ADD NEW ROWS TO BASE OF TABLE .... for (i=0; i<oldIndex.length; i++) { newRow = tableToSort.insertRow(); for (c=0; c<tableToSort.cols; c++) { newCell = newRow.insertCell(); newCell.innerHTML = tableToSort.rows(oldIndex[i]).cells(c).innerHTML; } } // MOVE NEW ROWS TO TOP OF TABLE .... for (i=1; i<totalRows; i++) { tableToSort.moveRow((tableToSort.rows.length -1),1); } // DELETE THE OLD ROWS FROM THE BOTTOM OF THE TABLE .... for (i=1; i<totalRows; i++) { tableToSort.deleteRow(); } } //--> </script>

	Position in der html-Datei: body-Bereich
<table width="75%" border="1" cellspacing="1" cellpadding="1" name="rsTable" id="rsTable" cols="5" summary="sortierbare Tabelle"> <tr bgcolor="mediumblue"> <td><a href="javascript:sortTable(0, rsTable);"><span style="color:white"><B>ID</span></B></a></td> <td><a href="javascript:sortTable(1, rsTable);"><span style="color:white"><B>Name</span></B></a></td> <td><a href="javascript:sortTable(2, rsTable);"><span style="color:white"><B>Datum</span></B></a></td> <td><a href="javascript:sortTable(3, rsTable);"><span style="color:white"><B>Telefon-Nr.</span></B></a></td> <td><a href="javascript:sortTable(4, rsTable);"><span style="color:white"><B>Lebensbereich</span></B></a></td> </tr> <tr> <td>1</td> <td>Max Mustermann</td> <td>4/9/72</td> <td>09182-maxmu</td> <td>Mustermensch</td> </tr> <tr> <td>2</td> <td>Fritz Schmidt</td> <td>9/3/63</td> <td>0123-049049</td> <td>unbekannt</td> </tr> <tr> <td>3</td> <td>Adolf Schulz</td> <td>3/4/71</td> <td>0987-330420</td> <td>typischer Deutscher</td> </tr> <tr> <td>4</td> <td>Adam der Erste</td> <td>1/6/-5421</td> <td>unbekannt</td> <td>erster Mann</td> </tr> <tr> <td>5</td> <td>Eva die Erste</td> <td>1/6/-5421</td> <td>unbekannt</td> <td>erste Frau</td> </tr> <tr> <td>6</td> <td>Bruder Abraham</td> <td>2/28/29</td> <td>unbekannt</td> <td>Trödler</td> </tr> <tr> <td>7</td> <td>Papa Schlumpf</td> <td>12/31/00</td> <td>kein anschluss</td> <td>Ältester</td> </tr> <tr> <td>8</td> <td>Donald Duck</td> <td>4/1/70</td> <td>313</td> <td>Neffe</td> </tr> <tr> <td>9</td> <td>Yoko Tsuno</td> <td>1/1/30</td> <td>0666-6660</td> <td>Elektronikspezialistin</td> </tr> <tr> <td>10</td> <td>Erich von Däniken</td> <td>4/20/39</td> <td>geheim</td> <td>Präastronautikerforschender</td> </tr> <tr> <td>11</td> <td>ich</td> <td>x/x/67</td> <td>egal</td> <td>Self</td> </tr> </table>

Quelle: javascript.internet.com/forms/sort-data-table.html Bitte beachten: Keine Haftung für Inhalte fremder Internetseiten .