Discussion :

[pyranha]

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

[Kerod]

Pourquoi pas onmouseout ?

[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

[pyranha]

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

[pyranha]

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 :

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

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

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

[KawaJVC]

Salut

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

Code :

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

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

Je vois pas vraiment l'inconvénient et la fonction setTimeout marche sous IE

[Kerod]

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

[Erwan31]

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

Code :

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

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

[pyranha]

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

Code :

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

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>

[KawaJVC]

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

[pyranha]

Code :

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

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';}
}
//-->