Discussion :

[moimp]

Bonjour,

J'avais le code suivant qui marchait avant le passage en mode strict:

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
	// CSS des lignes du tableau
	lines[0].style = 'initial';
	lines[1].style = 'initial';
	if (mainLinesCount & 1) {
		lines[0].style.backgroundColor = '#eee';
		lines[1].style.backgroundColor = '#eee';
	}
	else {
		lines[0].style.backgroundColor = '#8f8';
		lines[1].style.backgroundColor = '#8f8';
	}

En mode strict, les deux premières lignes sont refusées par IE11. J'ai donc transformé le code comme ceci:

Code javascript :

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

1
2
3
4
5
6
7
8
	if (mainLinesCount & 1) {
		lines[0].classList.add('oddBadgeLine');
		lines[1].classList.add('oddBadgeLine');
	}
	else {
		lines[0].classList.add('evenBadgeLine');
		lines[1].classList.add('evenBadgeLine');
	}

Avec le CSS suivant:

Code css :

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

1
2
3
4
5
6
7
8
.oddBadgeLine {
	background-color:unset; /* cf initial, revert, unset, inherit */
	background-color:#eee;
}
.evenBadgeLine {
	background-color:unset; /* cf initial, revert, unset, inherit */
	background-color:#8f8;
}

Maintenant les classes oddBadgeLine et evenBadgeLine s'affichent barrées dans les débogueurs de IE11 et Chrome. Dans le code css j'ai essayé de remplacer initial par revert ou unset, mais je n'arrive pas à faire prendre en compte ces classes. C'est toujours le style hérité qui est pris en compte.

REMARQUE IMPORTANTE: oddBadgeLine et evenBadgeLine ne concernent pas des lignes du tableau mais des paires de lignes.