Discussion :

[Mad Ant]

Bonjour à tous et à toutes.

J'essaye d'avoir un zone <div>...</div> qui est à afficher ou à cacher en cliquant sur un lien.
Il fonctionne bien avec FF, mais ne fonctionne pas avec IE.

Voici le code JavaScript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script type="application/javascript">
	function hideshow(which){
		if (!document.getElementById)
			return
		if (which.style.display=="block")
			which.style.display="none" ;
		else
			which.style.display="block" ;
	}
</script>

Et voici le code dans la page HTML :

Code :

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

1
2
3
4
5
 
<a href="javascript:hideshow(document.getElementById('frt4h'))" style="font-style:italic;">Afficher/cacher</a>
<div id="frt4h" style="display:none;">
...
</div>

En fait, j'ai l'impression que IE n'arrive même pas à utiliser la fonction, car si je mets un "alert" dans la fonctionne, il ne l'appel pas.
J'ai essayé de modifier la ligne de l'appel en :

Code :

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

1
2
 
<a href="#" onClick="javascript:hideshow(document.getElementById('frt4h'))" style="font-style:italic;">Afficher/cacher</a>

Mais ça n'affiche pas la zone chachée, et il me renvoi au dessus de la page.

Si quelqu'un a une idée à ce que pourquoi ça ne fonctionne pas, toute aide serai la bienvenu.

Merci d'avance.

Mad Ant

[vermine]

Bonjour,

La norme est:

Code :

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

<script type="text/javascript">

[Sergejack]

Et avec ces corrections ci ?

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script type="application/javascript">
	function hideshow(which){
		if (!document.getElementById)
			return;
		if (which.style.display=="block")
			which.style.display="none" ;
		else
			which.style.display="block" ;
	}
</script>

Code :

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

1
2
<a href="#" onClick="hideshow(document.getElementById('frt4h')); return false;" style="font-style:italic;">Afficher/cacher</a>

[Mad Ant]

Bonjour,

La norme est:

Code :

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

<script type="text/javascript">

C'était effectivement celà.
Merci à vous et à Sergejack.

Mad Ant