clic ferme element

**crocodile** · 06/05/2010, 14h28

Bonjour,

J'un problème que je n'arrive pas à résoudre.

J'ai un élément myDiv dans ma page html.

Je souhaiterais que si on clique n'importe où dans la page, l'élement devienne invisible, sauf si on clique sur l'élément en question.

J'ai fait ceci :

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
 
<html>
 
<body onClick="javascript:close();">
 
<div id="myDiv">
	hello
</div>
 
 
 
<script type="text/javascript">
	function close(){
		document.getElementById("myDiv").style.display = "none";
	}
</script>
 
</body>
</html>

mais si on clique sur l'élément, il devient aussi invisible.

Quelqu'un a une idée ?

J'ai essayé de jouer sioux en faisant ceci, mais ne fonctionne pas ...

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
 
<body onClick="javascript:close();">
 
<div id="myDiv" onClick="javascript:appear();">
	hello
</div>
 
 
 
<script type="text/javascript">
	function close(){
		document.getElementById("myDiv").style.display = "none";
	}
 
	function appear(){
		document.getElementById("myDiv").style.display = "block";
	}
</script>
 
</body>

**vermine** · 06/05/2010, 14h59

Bonjour,

Il faudrait arrêter la propagation sur l'enfant avec quelque chose du style:

Code :

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

1
2
3
4
5
6
7
8
9
 
//Les autres
if (event.stopPropagation) 
{
      event.stopPropagation();
}
 
//IE
event.cancelBubble = true;

clic ferme element

JavaScript

Discussions similaires

Partager

Partager