Fermer une div par un clic

Version imprimable

15/09/2006, 14h06
lhulard

Fermer une div par un clic

Bonjour à tous,

J'aurais besoin d'un conseil pour un problème de fermeture de div...

En fait, j'ai développé un petit calendrier qui s'affiche dans une div lorsque je clique sur un bouton. Ce que je voudrais c'est qu'en cliquant ailleurs que dans la div, c'est à dire n'importe ou dans ma page, la div disparait...

J'essaie de mettre un évenement sur ma div mais je ne sais pas quoi mettre pour qu'elle disparaisse en cliquant ailleurs...

Pourriez vous m'éclairer?

Merci d'avance.
Laurent
15/09/2006, 14h14
Bisûnûrs

Code:

<body onclick="document.getElementById('id_de_ton_div').style.display='none';">
15/09/2006, 14h21
lhulard

oki merci
15/09/2006, 14h36
lhulard

Par contre, je voudrais empecher la div de se fermer lorsque je clique dedans...

En fait, je veux pouvoir fermer la div en cliquant à l'extérieur de celle-ci mais pas quand je clique dedans, tu aurais une idée?

Merrci

Petit truc vite fait ^_^ :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
	<head>
		<script language="javascript">
					var Cacher = true;
					function CacherDiv() {
						if (Cacher)
							document.getElementById('azerty').style.display='none';
					}
 		</script>
	</head>
	<body onclick="CacherDiv();">
			<div id="azerty" onmouseover="Cacher=false;" onmouseout="Cacher=true;" style="border-style:solid;">
				<img src="" width="300" height="300">
			</div>
	</body>
</html>

15/09/2006, 14h51
lhulard

merci!! :lol:
Ca marche nickel sur IE et Firefox. Par contre, mon div ne veut pas se fermer sur Opera... :roll:
15/09/2006, 14h58
lhulard

fausse alerte, c'est ma tête qui ne va pas... Opera gardait mon fichier antérieur en cache...

Merci pour les infos! ^^

Fuseau horaire GMT +2. Il est actuellement 17h53.