[RESOLU] Comment gérer le click de deux manières ?

mrousse

3 Apr 2006 à 18:31

Bonjour,

Je suis en train de développer un menu dont voici le source :


	<body onclick="javascript:FermerMenu();">
		<div id="conteneur">
			<div id="ecran">
			</div>
			<div id="menu">
				<div id="menu_start" onclick="javascript:OuvrirMenu();"></div>
				<div id="menu_toolbar"></div>
				<div id="menu_heure">00:00</div>
			</div>
		</div>
	</body>

Le javascript est là :


function FermerMenu()
{
	document.getElementById("menu_start").style.backgroundImage = 'url("images/menu_barre_up.bmp")';
	alert("Fermer !");
}

function OuvrirMenu()
{
	document.getElementById("menu_start").style.backgroundImage = 'url("images/menu_barre_down.bmp")';
	alert("Ouvrir !");
}

Quand je clique sur le bouton qui permettra d'ouvrir le menu, celui-ci change bien mais est tout de suite réinitialisé par la fonction : "FermerMenu" qui se trouve dans mon "body". Cependant, le clique en dehors du menu doit effectivement le fermer...

Comment puis-je gérer celà ?

Merci,
Mathieu
Modifié par mrousse (03 Apr 2006 - 19:15)

gcyrillus

Modérateur

5 Apr 2006 à 12:24

bonjour,

car en cliquant sur le menu, tu active aussi l' evenent onclick de body,
en fait tu lance tes 2 script en même temps Smiley smile

.

il faut donc que tu verifie bien que tu soit sortit du menu Smiley smile

.

tu peut eventuellement jouer sur le test d'une variable , que tu bascule de true a false avec l'evenement oumouseover et on mouseout sur ton menu.

++
Modifié par gcyrillus (05 Apr 2006 - 12:29)