Discussion :

[fkoncept]

Bonjour,

J'aimerai fermer une div, sans avoir à cliquer sur le lien "Fermer", soit en dehors de la div ouvert.

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
24
25
26
27
28
29
30
31
32
33
 
<style>
#div_pop {
	position: fixed;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
 
}
 
.div_interieur {
width: 400px;
margin-left: auto;
margin-right: auto;
display: block;
background-color: #FFFFFF;
padding: 15px;
 
 
}
</style>
 
<div id="div_pop" class="div_pop" style="display:none;">
 
	<div class="div_interieur">
		mon texte ici<br />
		<a href="#" onclick="$('div_pop').fade(); return false;">Fermer</a>
	</div>
 
</div>
<a href="#" onclick="$('div_pop').appear(); return false;">Clique pour ouvrir la pop-up centrale</a>

Comme vous pouvez voir, il y a "div_pop" qui prend la page entière, puis "div_interieur" qui se place au centre, avec le lien "Mon texte ici". J'aimerai pouvoir fermer l'ensemble des 2 div en cliquant en dehors de "div_interieur", et non pas à l'intérieur.
J'avais ajouter un onclick="$('div_pop').fade(); return false;" sur la "div_pop", mais quand je clique sur la div centrale, tout se ferme, ce que je ne souhaite pas.
J'ai même essayé avec des z-index. Pas de changement.

Auriez-vous une solution ? Merci.

[Bovino]

Code :

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

1
2
3
$$('.div_interieur').observe('click', function(e){
    Event.stop(e);
});

Devrait le faire.

[fkoncept]

Bonjour Bovino,

Pourrais-tu m'expliquer ta ligne de script, et n'indiquer ou on la place ?

Merci,
florent