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