Français
<!--Étape 1 : Ajoutez le code suivant à la zone d'en-tête--> <head> <STYLE> th{background-color:#999999;} .trOdd{background-color:#FFFFFF;} .trEven{background - color:#CCCCCC;} </STYLE> <SCRIPT language="javascript"> /** * Scanne automatiquement le tableau et dessine la couleur des lignes paires et impaires* oTable : table cible oddClass : style css pour les lignes impaires evenClass : css pour les lignes paires Style*/ function setRowColor(oTable,oddClass,evenClass) { resetTableColor(oTable); for(var i=1; i<oTable.rows.length; i++) { if(i % 2 == 0) oTable. rows[i ].className = evenClass; else oTable.rows[i].className = oddClass; } } /** * ajouté par LxcJie 2004.6.28 * Analyse automatiquement le tableau et représente la couleur des colonnes paires et impaires * oTable : table cible oddClass : style CSS de colonne impaire evenClass : style CSS pour les colonnes paires*/ //plus de javascript sur http://www.downcodes.com function setColColor(oTable,oddClass,evenClass) { resetTableColor(oTable for(var i); =1; i<oTable .rows.length; i++) { for(var j=0; j<oTable.rows[i].cells.length; j++) { if(j % 2 == 0) oTable. rows[i].cells[j ].className = evenClass; else oTable.rows[i].cells[j].className = oddClass; } } } //Effacer les styles de toutes les fonctions tr et td resetTableColor(oTable ) { for(var i=1; i< oTable.rows.length; i++) { oTable.rows[i].className = "" for(var j=0; j<oTable.rows[i].cells. longueur ; j++) oTable.rows[i].cellules[j].className = "" } } </SCRIPT> <SCRIPT language="javascript"> window.changeTag = true init() { setRowColor(document. all.tableRow,'trOdd','trEven' ); setColColor(document.all.tableCol,'trOdd','trEven'); } function change() { if(changeTag) { setRowColor(document.all.tableCol,' trOdd','trEven'); setColColor(document.all.tableRow,'trOdd','trEven'); changeTag = false; } else { setRowColor(document.all.tableRow,'trOdd','trEven'); (document.all.tableCol,'trOdd', 'trEven'); changeTag = true; } } </SCRIPT> </head> <!--Étape 2 : Modifier le contenu BODY avec le contenu suivant--> <body onLoad="init()"> <!-- Étape 3 : Ajoutez le code suivant à la zone BODY --> <TABLE width="70%" border="1" cellpadding="0" Cellpacing="1" bordercolor ="#000000" id="tableRow"> <TR> <TH scope="col">col1</TH> <TH scope="col">col2</TH> <TH scope="col">col3< /TH> </TR> <TR> < TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD> < /TD> <TD> </TD > <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD>  ;</TD> </TR> <TR > <TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD>  ;</TD> <TD> < /TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD > </TD> </TR> </TABLE> <P> <TABLE width="70%" border="1" cellpadding="0" Cellpacing="1" bordercolor="#000000" id=" tableCol"> <TR> <TH width=" 25%" scope="col">col1</TH> <TH width="25%" scope="col">col2</TH> <TH width="25 %" scope="col">col3</ TH> <TH width="25%" scope="col">col4</TH> </TR> <TR> <TD> </TD> <TD > </TD> <TD>  ;</TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD > </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </ TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR > <TR> <TD> </ TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE><p > <input type="button" value=" Exchange " onClick="change()" style="border:1px solid black; "> </body> <!--Description du code : Description : 1. Ajouter onLoad=" init()" en <body> et remplacez For <body onLoad="init()"> 2. Function function init() { setRowColor(document.all.tableRow,'trOdd','trEven'); setColColor(document. all.tableCol,'trOdd','trEven '); } tableRow, tableCol est la valeur d'ID de table pour définir la couleur. setRowColor est la fonction pour définir la couleur des lignes alternatives. setColColor est la fonction pour définir la couleur des colonnes alternatives. -->
