Discussion :

[medhan]

Salut tout le monde,

Je veux bien alterner entre deux couleurs d'un tableau sur ma page. Je veux utiliser un code javascript que j'ai trouvé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
function colourize()
	{
		var dnl = document.getElementsByTagName("tr");
		for(i = 0; i < dnl.length; i++)
			{
				if((Math.round(i / 2) * 2) == ((i / 2) * 2) )
				dnl.item(i).style.background="#E8E8FF";
			}
	}
window.onload = colourize;

Mon problème c'est que j'ai plusieurs tableaux sur ma page et des fois un tableau dans l'autre.!

Question : comment j'applique ceci pour un tableau précis ou plusieurs ?

Merci

[medhan]

Solution: document.getElementById('id_body').getElementsByTagName("tr") dont id_body est l'identifiant de tbody

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
<script language="javascript">
 
function colourize()
 
	{
		var ligne_tbody  = document.getElementById('id_body').getElementsByTagName("tr");
		for(i = 0; i < ligne_tbody.length; i++)
			{
				if((Math.round(i / 2) * 2) == ((i / 2) * 2) )
				ligne_tbody.item(i).style.background="#E8E8FF";
			}
	}
window.onload = colourize;
 
</script>

[SylvainPV]

une solution sans JavaScript, support : http://caniuse.com/#feat=css-sel3

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

#id_body tr:nth-child(even) {background: #E8E8FF; }