Pourquoi cel� n�cessite-t-il un double clic ?

Gunner4902 · 12/04/2008, 00h17

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.

**marts** · 12/04/2008, 03h31

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

onClick="spoiler_text('qui_spoiler'); spoiler_img('qui_image');"

Gunner4902 · 12/04/2008, 10h31

Il y a en effet deux actions.
Le probl�me est que lors du premier clic, aucune action ne se passe et que lors du second clic les deux actions se produisent.

Comment faire pour qu'un seul clic soit n�cessaire (ce qui serait nettement plus pratique et intuitif !) ?
Merci

**Jumano** · 12/04/2008, 10h50

Bonjour,
Effectivement deux clics sont n�cessaires ...
Tu peux peut �tre rajouter ceci dans la balise <body> :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
<body onload="spoiler_text('qui_spoiler'); spoiler_img('qui_image');">

Gunner4902 · 12/04/2008, 11h12

Merci Jumano, cel� r�gle en effet le probl�me

Par contre j'ai une petite question qui rebondit sur ta solution. J'utilise plusieurs spoilers diff�rents dans ma page. Dois je les appeller un par un, ou faire un code g�n�rique comme dans le JS :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

<body onload="spoiler_text(nom_div); spoiler_img(nom_div)">

(mais cel� ne semble pas fonctionner avec ma syntaxe…)

Merci

**Jumano** · 12/04/2008, 11h29

Effectivement le mieux serait de trouver la bonne syntaxe pour r�duire ton code dans le <onload>, mais malheuresement je ne suis pas assez cal� en Javascript pour te la donner.
Sinon comme tu le dis tu peux toujours indiquer un � un tous tes "spoilers" en attendant le passage d'une �me charitable qui connaisse la bonne syntaxe

Pourquoi cel� n�cessite-t-il un double clic ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager