Discussion :

[Emcy]

bonjour,

j'ai un tableau dont certaines lignes sont dans la class "RowsEnb". ex:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<tr>
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
<tr class="RowsEnb">
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>
<tr>
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>

voici mon css :

Code :

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

1
2
3
4
5
.RowsEnb td
{
	color: rgb(160,160,160);
	background-color: rgb(245,245,245);
}

ou

Code :

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

1
2
3
4
5
.RowsEnb
{
	color: rgb(160,160,160);
	background-color: rgb(245,245,245);
}

=> ça ne fait rien sous IE7 (par contre ça marche sous firefox) : que faire ?

[Candygirl]

Perso ton code me donne le même résultat sur IE6 ou 7 et FF, soit les cases de la deuxième ligne du tableau en gris avec l'écriture gris plus foncé ?

[Emcy]

donc ça doit venir de ma modification des nom de class via javascript.

Pour griser une case (je rajoute la class "RowsEnb" à la ligne), je fais :

Code javascript :

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

document.getElementById('tr0').setAttribute('class', 'RowsEnb');

le tableau doit etre construit comme ceci (un ID pour chaque ligne) :

Code html :

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

1
2
3
4
5
<tr id="tr0">
	<td>a</td>
	<td>b</td>
	<td>c</td>
</tr>

sachant que mon code pour générer le tableau est :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function CreateTab()
{	
	var tbody = document.createElement("tbody");
 
	for(var i = 0 ; i<16 ; i++){
		var tr = document.createElement('tr');
		tr.setAttribute('id', 'tr' + i);
 
                var td = document.createElement('td');
                var text = document.createTextNode('toto'+i);
		td.appendChild(text);
                tr.appendChild(td);
 
                tbody.appendChild(tr);	
	}
 
	document.getElementById('MonTableau').replaceChild(tbody, document.getElementById('MonTableau').getElementsByTagName('tbody')[0]);
};

une idée ?

PS pour les admins : il faudrait peut être deplacer le post dans la section Javascript....

[MasterOfChakhaL]

Salut,

Essaye comme ceci:

Code javascript :

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

1
2
 
document.getElementById('tr0').className =  'RowsEnb';

[Emcy]

merci ça marche

pour info :

document.getElementById('tr0').setAttribute('class', 'RowsEnb');
=> ça marche que sous FireFox.

document.getElementById('tr0').setAttribute('className', 'RowsEnb');
=> ça marche que sous IE7.

document.getElementById('tr0').className = 'RowsEnb';
=> ça marche sur FireFox et IE7

=> ouah !!! c'est super logic