Discussion :

[rider74]

Bonjour,

J'ai écrit un script pour afficher et masquer des éléments dans une page web: http://trail.faverges.free.fr/enquete_2010/serie1.html

En Q1, si vous cliquez sur "Autre", un champ texte apparait juste dessus.

Cela fonctionne bien sous Firefox, Chrome et IE8.

Or sous IE6 et 7, il retourne cette erreur:

Code :

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

Ligne7, Char 2, Error could not get the display property. Invalid argument

La fonction gérant l'affichage des éléments est toute simple:

Code :

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

1
2
3
4
function aff_inv(elmt)
{
	document.getElementById(elmt).style.display = "table";
}

Apparemment, le bug est lié au fait que IE6 et 7 ne gère pas le type "table" pour display.

J'ai pensé à modifier mon code comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
function aff_inv(elmt)
{
	try {
		document.getElementById(elmt).style.display = "table";
	}
	catch (e) {
		document.getElementById(elmt).style.display = "block";;
	}
}

Pensez vous que cela est correct?
Est ce la meilleure solution?

Merci d'avance pour votre aide.

[Bovino]

Non, ça ne me semble pas la meilleure solution car un display de type table n'est pas le même qu'un display table.
Pour moi, la meilleure solution pour contourner cette mauvaise prise en charge est de mettre le display none de la table non pas dans la feuille de style CSS mais dans un style en ligne. Puis quand tu veux afficher la table, mettre ce style à vide, ce qui a pour effet de lui donner la display par défaut, qui est bien table :

Code html :

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

1
2
3
4
<input type="button" onclick="document.getElementById('maTable').style.display=''" value="Afficher" />
<table id="maTable" style="display:none;">
...
</table>

[rider74]

Merci pour cette réponse rapide et efficace.

Mes "display:none" était déjà codés en ligne, donc j'ai juste eu à changer ma fonction javascript.

[Bovino]

Garde quand même à l'esprit pour plus tard que si le style est défini dans la feuille de style (fichier externe ou balises <style>), c'est celui-ci qui devient le style par défaut
On sait jamais, ça peut être utile de s'en souvenir

[rider74]

Exact merci du rappel