Fermer une div par un clic

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

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, 15h14

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, 15h21

oki merci

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

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, 15h44

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>

**lhulard** · 15/09/2006, 15h51

merci!!

Ca marche nickel sur IE et Firefox. Par contre, mon div ne veut pas se fermer sur Opera...

Fermer une div par un clic

JavaScript

Vue hybride

Discussions similaires

Partager

Partager