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

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

Marsh Posté le 13-04-2004 à 18:43:19    

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


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

Code :
  1. <SCRIPT LANGUAGE="JavaScript">
  3. <!-- This script and many more are available free online at -->
  4. <!-- The JavaScript Source!! http://javascript.internet.com -->
  6. <!-- Begin
  7. function setDataType(cValue)
  8.   {
  9.     // THIS FUNCTION CONVERTS DATES AND NUMBERS FOR PROPER ARRAY
  10.     // SORTING WHEN IN THE SORT FUNCTION
  11.     var isDate = new Date(cValue);
  12.     if (isDate == "NaN" )
  13.       {
  14.         if (isNaN(cValue))
  15.           {
  16.             // THE VALUE IS A STRING, MAKE ALL CHARACTERS IN
  17.             // STRING UPPER CASE TO ASSURE PROPER A-Z SORT
  18.             cValue = cValue.toUpperCase();
  19.             return cValue;
  20.           }
  21.         else
  22.           {
  23.             // VALUE IS A NUMBER, TO PREVENT STRING SORTING OF A NUMBER
  24.             // ADD AN ADDITIONAL DIGIT THAT IS THE + TO THE LENGTH OF
  25.             // THE NUMBER WHEN IT IS A STRING
  26.             var myNum;
  27.             myNum = String.fromCharCode(48 + cValue.length) + cValue;
  28.             return myNum;
  29.           }
  30.         }
  31.   else
  32.       {
  33.         // VALUE TO SORT IS A DATE, REMOVE ALL OF THE PUNCTUATION AND
  34.         // AND RETURN THE STRING NUMBER
  35.         //BUG - STRING AND NOT NUMERICAL SORT .....
  36.         // ( 1 - 10 - 11 - 2 - 3 - 4 - 41 - 5  etc.)
  37.         var myDate = new String();
  38.         myDate = isDate.getFullYear() + " " ;
  39.         myDate = myDate + isDate.getMonth() + " ";
  40.         myDate = myDate + isDate.getDate(); + " ";
  41.         myDate = myDate + isDate.getHours(); + " ";
  42.         myDate = myDate + isDate.getMinutes(); + " ";
  43.         myDate = myDate + isDate.getSeconds();
  44.         //myDate = String.fromCharCode(48 + myDate.length) + myDate;
  45.         return myDate ;
  46.       }
  47.   }
  48. function sortTable(col, tableToSort)
  49.   {
  50.     var iCurCell = col + tableToSort.cols;
  51.     var totalRows = tableToSort.rows.length;
  52.     var bSort = 0;
  53.     var colArray = new Array();
  54.     var oldIndex = new Array();
  55.     var indexArray = new Array();
  56.     var bArray = new Array();
  57.     var newRow;
  58.     var newCell;
  59.     var i;
  60.     var c;
  61.     var j;
  62.     // ** POPULATE THE ARRAY colArray WITH CONTENTS OF THE COLUMN SELECTED
  63.     for (i=1; i < tableToSort.rows.length; i++)
  64.       {
  65.         colArray[i - 1] = setDataType(tableToSort.cells(iCurCell).innerText);
  66.         iCurCell = iCurCell + tableToSort.cols;
  67.       }
  68.     // ** COPY ARRAY FOR COMPARISON AFTER SORT
  69.     for (i=0; i < colArray.length; i++)
  70.       {
  71.         bArray[i] = colArray[i];
  72.       }
  73.     // ** SORT THE COLUMN ITEMS
  74.     //alert ( colArray );
  75.     colArray.sort();
  76.     //alert ( colArray );
  77.     for (i=0; i < colArray.length; i++)
  78.       { // LOOP THROUGH THE NEW SORTED ARRAY
  79.         indexArray[i] = (i+1);
  80.         for(j=0; j < bArray.length; j++)
  81.           { // LOOP THROUGH THE OLD ARRAY
  82.             if (colArray[i] == bArray[j])
  83.               {  // WHEN THE ITEM IN THE OLD AND NEW MATCH, PLACE THE
  84.                 // CURRENT ROW NUMBER IN THE PROPER POSITION IN THE
  85.                 // NEW ORDER ARRAY SO ROWS CAN BE MOVED ....
  86.                 // MAKE SURE CURRENT ROW NUMBER IS NOT ALREADY IN THE
  87.                 // NEW ORDER ARRAY
  88.                 for (c=0; c<i; c++)
  89.                   {
  90.                     if ( oldIndex[c] == (j+1) )
  91.                     {
  92.                       bSort = 1;
  93.                     }
  94.                       }
  95.                       if (bSort == 0)
  96.                         {
  97.                           oldIndex[i] = (j+1);
  98.                         }
  99.                           bSort = 0;
  100.                         }
  101.           }
  102.     }
  103.   // ** SORTING COMPLETE, ADD NEW ROWS TO BASE OF TABLE ....
  104.   for (i=0; i<oldIndex.length; i++)
  105.     {
  106.       newRow = tableToSort.insertRow();
  107.       for (c=0; c<tableToSort.cols; c++)
  108.         {
  109.           newCell = newRow.insertCell();
  110.           newCell.innerHTML = tableToSort.rows(oldIndex[i]).cells(c).innerHTML;
  111.         }
  112.       }
  113.   //MOVE NEW ROWS TO TOP OF TABLE ....
  114.   for (i=1; i<totalRows; i++)
  115.     {
  116.       tableToSort.moveRow((tableToSort.rows.length -1),1);
  117.     }
  118.   //DELETE THE OLD ROWS FROM THE BOTTOM OF THE TABLE ....
  119.   for (i=1; i<totalRows; i++)
  120.     {
  121.       tableToSort.deleteRow();
  122.     }
  123.   }
  124. //  End -->
  125. </script>


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

Marsh Posté le 13-04-2004 à 18:43:19   

Reply

Marsh Posté le 14-04-2004 à 10:18:45    

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

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed