Discussion :

[Franckdu34]

Bonjour,

J'ai récupéré un menu déroulant qui fonctionne parfaitement sous Internet Explorer mais pas sous Firefox :

Voici le code :

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
23
24
25
26
27
28
29
30
31
32
33
34
<SCRIPT language=JavaScript>
document.onmouseover = openIt; 
 
function openIt()
{
	var items = 2;
	currEl = window.event.toElement
	if (currEl.className == "two")
	{
		newId = currEl.id + "box" 
		showBox = document.all(newId) 
		showBox.style.display = "block" 
	}        
	for (i=1; i<=items; i++)
	{
		openItem="item" + i + "box"
		elOpen = document.all(openItem)
			if ((elOpen.style.display == "block")&&(elOpen != showBox)) 
					elOpen.style.display = "none" 
			if (currEl.className == "closeIt")
			{ 
				elOpen.style.display = "none" 
			} 
	}
}
 
function closeIt()
{
	document.all.item1box.style.display = "none";
	document.all.item2box.style.display = "none";
}
 
document.onclick = closeIt;
</SCRIPT>

Voici une partie du HTML :

Code :

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

1
2
3
4
5
6
7
8
9
 
<span onMouseOut=closeIt()><a class="two" id="item1" href=#>Nos produits</a><br>
<table class="box" id="item1box" onMouseOver="this.style.display = 'block'" style="DISPLAY: none" width="100%" cellpadding="2">
	<tr><td><a class="sousmenu" href="index.php?to=caisses" title="Caisses">Caisses</a></td></tr>
	<tr><td><a class="sousmenu" href="index.php?to=caisses_navette" title="Caisses navettes">Caisses navettes</a></td></tr>
	<tr><td><a class="sousmenu" href="index.php?to=amenagements_calages" title="Caisses : aménagements et calages">Caisses : aménagements et calages</a></td></tr>
	<tr><td><a class="sousmenu" href="index.php?to=palettes_emballages" title="Palettes et emballages divers">Palettes et emballages divers</a></td></tr>
</table>
</span>

Quelqu'un aurait-il une idée sur le problème ?

Merci,
Franck

[le_chomeur]

onMouseOut par onmouseout déja après a voir

[Bovino]

Code :

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

currEl = window.event.toElement

est spécifique IE, essaye plutôt :

Code :

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

1
2
3
4
5
function openIt(e){
...
var e=window.event || e
currEl = window.event?e.toElement:e.relatedTarget;
...

De plus, essaye aussi de terminer tes instructions par des ';'

[Franckdu34]

Merci pour votre aide.

J'ai modifié comme vous l'avez indiqué mais ça ne fonctionne toujours pas avec Firefox . Sous IE, ça fonctionne toujours aussi bien .
18% des visiteurs de mon site sont sous Firefox...
Voici le lien de avec le menu en action, voir "Nos produits" et Nos services" http://www.ebs-france.com/zev2/index.php

Merci,
Franck

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
23
24
25
26
27
28
29
30
31
32
33
34
35
<SCRIPT language=JavaScript>	   
document.onmouseover = openIt; 
 
function openIt(e)
{
	var items = 2;
	var e=window.event || e;
	currEl = window.event?e.toElement:e.relatedTarget;
	if (currEl.className == "two")
	{
		newId = currEl.id + "box"; 
		showBox = document.getElementById(newId); 
		showBox.style.display = "block"; 
	}        
	for (i=1; i<=items; i++);
	{
		openItem="item" + i + "box";
		elOpen = document.getElementById(openItem);
			if ((elOpen.style.display == "block")&&(elOpen != showBox)) 
					elOpen.style.display = "none"; 
			if (currEl.className == "closeIt")
			{ 
				elOpen.style.display = "none"; 
			} 
	}
}
 
function closeIt()
{
	document.all.item1box.style.display = "none";
	document.all.item2box.style.display = "none";
}
 
document.onclick = closeIt;
</SCRIPT>

[Franckdu34]

Oups, ça fonctionne !!!

J'avais aussi oublié les guillemets après le href=

<span onmouseout=closeIt()><a class="two" id="item1" href="#">

Encore merci pour votre aide, c'est très sympa.
Franck

[Franckdu34]

Re-bonjour,

Il reste une tout petit problème :
- sous IE le menu se déroule dès que l'on est sur le lien
- sous Firefox il faut descendre la souris pour que le menu se déroule

Une idée pour que ça fasse la même chose que sous IE ?

Merci,
Franck