Fermer une div par un clic

**lhulard** · 15/09/2006, 14h06

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

**Bisûnûrs** · 15/09/2006, 14h14

Code :

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

<body onclick="document.getElementById('id_de_ton_div').style.display='none';">

**lhulard** · 15/09/2006, 14h21

oki merci

**lhulard** · 15/09/2006, 14h36

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

**rieppe** · 15/09/2006, 14h44

Petit truc vite fait ^_^ :

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
<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>