onmouseleave pour Firefox

Version imprimable

21/02/2008, 22h30
pyranha

onmouseleave pour Firefox

bonsoir

j'utilise ce code : <dd id="smenu1" onmouseleave="montre('');">

cela fonctionne bien sur IE mais le onmouseleave n'a pas l'air d'être reconnu par firfox ! par koi puis-je le remplacer ?

merci
21/02/2008, 22h46
Kerod

Pourquoi pas onmouseout ?
21/02/2008, 22h47
Erwan31

Bonsoir,
je connaissais pas cet évènement, t'es sure que c'est pas onmouseover plutôt?
Attention à la sémantique, une liste de définition (dl) n'est pas le plus appropriée pour un menu (à supposer que c'est un menu), les ul le sont d'avantage ;)
21/02/2008, 22h56
pyranha

Citation:

Envoyé par Kerod

Pourquoi pas onmouseout ?

Parceque ca ne fonctionne pas correctement .
J'ai plusieurs lien dans mon sous menu , et avec onmouseout le sous menu se ferme dés que je quitte un lien .
Alors que moi je veux que le sous menu se ferme quand la souris sort de la zone du sous menu . Et cela fonctionne bien avec onmouseleave ... mais seulement sur IE

Citation:

Envoyé par Erwan31

Bonsoir,
je connaissais pas cet évènement, t'es sure que c'est pas onmouseover plutôt?
Attention à la sémantique, une liste de définition (dl) n'est pas le plus appropriée pour un menu (à supposer que c'est un menu), les ul le sont d'avantage ;)

Voici le code de mon menu

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<div id="menu">
	<dl>
 
		<dt onmouseover="montre('smenu1');">
			 <img src="<{$xoops_imageurl}>barbord_m.gif"
	  onmouseover="this.src='<{$xoops_imageurl}>barbleu_m.gif' "  				    onmouseout="this.src='<{$xoops_imageurl}>barbord_m.gif'"></dt> 
 
			<dd id="smenu1"  onmouseleave="montre('');">
				<ul>
					<li>
					<a href="<{$xoops_url}>/modules/news/index.php?storytopic=3">Expression</a></li>  <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=4">Les comptes</a></li>   <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=5">Les projets</a></li>   <br> 
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=6">Le conseil </a></li>	 <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=7">Les élect</a></li> <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=8">Info </a></li>	<br>
 
				</ul>
 
			</dd>
	</dl>

..... smenu2 ..... puis smenu3 .... ect

22/02/2008, 10h44
SpaceFrog

ce problème de quitter un objet à été abordé maintes fois sur ce forum ...
il suffit de mettre un setTimout et un flag ...
une petite recherche s'impose ;)

et c'est bien onmouseout qu'il faut utiliser...
23/02/2008, 08h34
pyranha

bien compliqué un setTimout et un flag

cette methode du setTimout et un flag m'a l'air bien compliqué ! le onmouseleave est si simple sur IE il doit bien y avoir un truc du même genre pour firfox ?
23/02/2008, 08h49
KawaJVC
Salut

Ben franchement la méthode avec setTimeout est très simple :
Code:

1 2 <a href="#" OnMouseOut="setTimeout('montre(\' \');',1000);">Lien</a>
Je vois pas vraiment l'inconvénient et la fonction setTimeout marche sous IE
23/02/2008, 08h52
Kerod

Citation:

Envoyé par pyranha

cette methode du setTimout et un flag m'a l'air bien compliqué ! le onmouseleave est si simple sur IE il doit bien y avoir un truc du même genre pour firfox ?

Pourquoi veux-tu t'entêter à utiliser cette fonction qui est compatible que IE. On t'a donné la seule fonction qui correspond à ce que tu attends. On va pas te diriger vers l'utilisation d'une fonction sachant qu'elle n'est pas compatible et qu'il y a pas d'équivalent sous Firefox, Opéra, Nescape, Safari et j'en passe.

Voici la liste de tous les évènements possibles et compatibles tous navigateurs : http://www.w3schools.com/tags/ref_eventattributes.asp

Tu verras que la tienne n'y est pas et donc on te conseille fortement de te diriger vers l'une d'entres elles
23/02/2008, 13h22
Erwan31
Citation:
Envoyé par KawaJVC

Salut
Ben franchement la méthode avec setTimeout est très simple :

Code:

1 2 <a href="#" OnMouseOut="setTimeout('montre(\' \');',1000);">Lien</a>

Je vois pas vraiment l'inconvénient et la fonction setTimeout marche sous IE
Comme les autre attribut il vaut mieux avoir onmouseout tout en minuscule ;)

fonctionnera

Merci les gars
.... mais voici ce que j'ai fais et ca ne fonctionne ni pour IE ni pour firfox

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
		<dd id="smenu1"  >	
 
 
				<ul>
					<li>
					<a href="<{$xoops_url}>/modules/news/index.php?storytopic=3" onmouseout="settimeout('montre(\' \');',1);">Expression du maire</a></li>  <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=4" onmouseout="settimeout('montre(\' \');',1000);">Les comptes</a></li>   <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=5" onmouseout="settimeout('montre(\' \');',1000);">Les projets</a></li>   <br> 
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=6" onmouseout="settimeout('montre(\' \');',1000);">Le conseil municipal</a></li>	 <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=7" onmouseout="settimeout('montre(\' \');',1000);">Les élections</a></li> <br>
					<li><a href="<{$xoops_url}>/modules/news/index.php?storytopic=8" onmouseout="settimeout('montre(\' \');',1000);">Info communales</a></li>	<br>
 
				</ul>

23/02/2008, 15h43
KawaJVC

il faudrait que tu nous donne ta fonction montre() stp

Code:

1
2
3
4
5
6
7
8
9
10
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
	for (var i = 1; i<=10; i++) {
		if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
	}
if (d) {d.style.display='block';}
}
//-->