[js] compatibilité IE/Mozilla pour trier un <table> d'une page html

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [js] compatibilité IE/Mozilla pour trier un <table> d'une page html

homerjay01

Is There Brain Inside ?

salut à tous, je rencontres quelques problemes de compatibilité entre IE et Mozilla :pfff:
le tri ne marche que sous IE :heink:
je vous post mon script JS...dsl un peu long :jap:
après ça je met <body> puis

Code :

<table border=1 width="447" cellpadding=0 cellspacing=2 bordercolordark=green bordercolorlight=teal name="rsTable" id=rsTable cols=4>
<TR>
<TD><A href="javascript:sortTable(0, rsTable);"><B>Nom</B></A></TD>
<TD><A href="javascript:sortTable(1, rsTable);"><B>Numero</B></A></TD>
<TD><A href="javascript:sortTable(2, rsTable);"><B>Race</B></A></TD>
<TD><A href="javascript:sortTable(3, rsTable);"><B>niveau</B></A></TD>
</TR>..............................................

mon script en javascript... :ouch: (j'y connais pas grand chose...j'ai repompé sur un site que j'ai trouvé :whistle: )

Code :

<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
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();
//myDate = String.fromCharCode(48 + myDate.length) + myDate;
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();
}
}
// End -->
</script>

Message édité par homerjay01 le 14-04-2004 à 11:40:29

Publicité

homerjay01

Is There Brain Inside ?

:hello:
y'as pas de super balaises en JS qui sont debouts ? :sleep:

FORUM HardWare.fr

Programmation

HTML/CSS

[js] compatibilité IE/Mozilla pour trier un <table> d'une page html

Sujets relatifs
[XHTML/CSS] Demande d'avis sur cette page	[VB] Clicker automatiquement sur un bouton de page web
C et page web	Recuperer une page externe
[PHP] Probleme pour afficher un champ (bd) dans une page PHP	[HTML] Place d'une image
[HTML]Besoin d'aide d'un mec qui touche un peu...	Verifier une table MySQL ... Et les résultats ...
chargement d'un lien dans un cadre a l'ouverture de la page ???	création d'un fichier excel en html (ancre nommé en bas de page??)
Plus de sujets relatifs à : [js] compatibilité IE/Mozilla pour trier un <table> d'une page html

Page générée en 0.068 secondes