Discussion :

[ludojojo]

Bonjour,

Je souahiterais afficher un tableau qui aurrait une ligne blanche et une ligne bleu le tout r�p�t� "n" fois...

J'ai bien compris que le syst�me � utiliser est de d�clarer deux class avec des propri�t�s sp�cifiques... Cela ne pose pas de probl�me.
En revanche je souhaiterais savoir s'il est possible de faire cela de fa�on automatique? Le but est de ne pas avoir � �crire � chaque fois class="..." pour chaque ligne!

Je tiens � pr�ciser qu'il n'y � pas d'appel � une base de donn�es possible, donc pas de script php ou asp, en revanche JS possible...

Merci par avance pour votre aide.

[Loceka]

Tu peux r�cup�rer toutes les lignes de ton tableau et mettre une classe diff�rente selon l'indice :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
var table = document.getElementById("ta_table");
var lignes = table.getElementsByTagName("TR");
for (var i = 0; i < lignes.length; i++) {
  if (i % 2 == 0) {
    lignes[i].setAttribute("class", "classe1");
  } else {
    lignes[i].setAttribute("class", "classe2");
  }
}

Il faut tout de m�me savoir que IE (en tout cas IE 6) ne g�re pas le changement de classe dynamique. Auquel cas tu peux directement changer le style :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

lignes[i].style.backgroundColor = "blue";

[Bovino]

Il faut tout de m�me savoir que IE (en tout cas IE 6) ne g�re pas le changement de classe dynamique.

Ben si...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
  if (i % 2 == 0) {
    lignes[i].className = "classe1";
  } else {
    lignes[i].className = classe2";
  }

[SpaceFrog]

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var table = document.getElementById("ta_table");
var lignes = table.getElementsByTagName("TR");
for (var i = 0; i < lignes.length; i++) {
    lignes[i].className= (i % 2 == 0)? "classe1":"classe2";
}

[NoSmoking]

j'aime bien

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
var table = document.getElementById("ta_table");
var lignes = table.getElementsByTagName("TR");
for( var k = i = 0; i < lignes.length; i++) {
  lignes[i].className = "class" +(k = 1-k);
}

[Loceka]

Il faut tout de m�me savoir que IE (en tout cas IE 6) ne g�re pas le changement de classe dynamique.

Ben si...

Ah
Il me semblait pourtant que quand je m'�tais essay� aux menus d�roulants y'a quelques ann�es, l'astuce du changement de classe en JS ne fonctionnait pas sous IE. Mais c'est probablement ma m�moire qui d�conne, va falloir que je pense � en changer.

[berlo44]

J'ai ce code qui n'utilise pas les classes, il doit �tre plac� � la fin du fichier html.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var arrayLignes = document.getElementById("tableau").rows;
var longueur = arrayLignes.length;
var i=0;
 
while(i<longueur)
{
	if(i % 2 === 0)
	{
		arrayLignes[i].style.backgroundColor = "#bdcbf5";
	}
	else //elle est impaire
	{
		arrayLignes[i].style.backgroundColor = "#829eeb";
	}
	i++;}

[ludojojo]

Merci � tous pour votre aide !
En effet tous ces codes fonctionnent parfaitement!