Bonjour,

Je ne comprends pas le comportement de mon bout de JavaScript… Pour qu'il fonctionne il a besoin d'un double clic, alors qu'il devrait fonctionner avec un simple clic. Si qqun a le pourquoi du comment, celà m'intéresse fortement.

Voici mon code :

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
16
17
18
19
20
21
22
23
<script type="text/javascript">
			function spoiler_text(nom_div)
			{
			if (document.getElementById(nom_div).style.display=="none" )
				{document.getElementById(nom_div).style.display="block";}
			else
				{document.getElementById(nom_div).style.display="none";}
			}
 
			function spoiler_img(nom_div)
			{
			if (document.getElementById(nom_div).style.display=="block" )
				{document.getElementById(nom_div).style.display="none";}
			else
				{document.getElementById(nom_div).style.display="block";}
			}
		</script>
<div id="qui">
			<span onClick="spoiler_text('qui_spoiler'), spoiler_img('qui_image');" id="qui_image"></span>
			<div id="qui_spoiler" onClick="spoiler_text('qui_spoiler'), spoiler_img('qui_image');">
				<p>qui est-ce ?</p>
			</div>
		</div>
et le CSS qui va avec "qui" :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
			#qui {position:absolute; left:120px; top:250px; z-index:2;}
			#qui span {position:absolute; height:70px; width:108px; cursor:pointer;}
			#qui_image {position:absolute; background:url(www/lips.png); height:70px; width:108px; display:block; z-index:1;}
			#qui_spoiler {display:none;}
			#qui_spoiler span {text-shadow:2px 2px 2px #900; width:400px; margin-left:-30px;}
Merci de votre aide.