Problème html javascript
Résolu
jérémy1664
Messages postés
165
Statut
Membre
-
brennwagenn -
brennwagenn -
Salut à tous
Voila j'ai un menu déroulant sur mon site réalisé avec javascript et html le menu se déroule quand on passe la souris dessus mais ne remonte pas automatiquement en MouseOut
Voici mon code javascript :
<!--
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';}
}
//-->
Il remonte seulement si on est passé sur les menu déroulés
Merci d'avance
Voila j'ai un menu déroulant sur mon site réalisé avec javascript et html le menu se déroule quand on passe la souris dessus mais ne remonte pas automatiquement en MouseOut
Voici mon code javascript :
<!--
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';}
}
//-->
Il remonte seulement si on est passé sur les menu déroulés
Merci d'avance
A voir également:
- Problème html javascript
- Editeur html - Télécharger - HTML
- Telecharger javascript - Télécharger - Langages
- Br html ✓ - Forum Webmastering
- Afficher un tableau javascript en html ✓ - Forum Javascript
- Javascript arrondi ✓ - Forum Javascript
7 réponses
S@lut,
Je viens d'essayer ton site, le menu se déplie et se replie bien sur FireFox et sur IE6.
Où est le PB ?
Je viens d'essayer ton site, le menu se déplie et se replie bien sur FireFox et sur IE6.
Où est le PB ?
Merci de ton aide
Le problème c'est que si tu pose ta souris sur le mot "accueil" par exemple et que tu l'a retire sans descendre dans le menu qui s'est déroulé tu verras qu'il ne remontra pas .
C'est vrai que si l'on passe la souris sur le menu qui se déroule il remonte .
J'ai le même problème sur FF et IE
Le problème c'est que si tu pose ta souris sur le mot "accueil" par exemple et que tu l'a retire sans descendre dans le menu qui s'est déroulé tu verras qu'il ne remontra pas .
C'est vrai que si l'on passe la souris sur le menu qui se déroule il remonte .
J'ai le même problème sur FF et IE
J'ai regardé et ton javascript fonctionne tres bien.
Le menu deroulant se ferme bien quand on quitte le menu mais pas quand on quitte le lien !!
J'ai regardé ton script et c'est tout a fait normal car tu n'as pas attribué de OnMouseOut a ton lien.
Tu as mis :
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a href="#" >The Website</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="http://gs-computer.eu/index.php?mod=contacts&lang=en">Contact</a></li>
<li><a href="http://gs-computer.eu/forum">Forum</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=lien1&lang=en">Links</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=acces&lang=en">Acces</a></li>
</ul>
</dd>
</dl>
Ce qui se passe : Le menu s'affiche quand la souris passe sur le lien et reste sur le menu et le menu se referme quand la souris quitte le menu
Tu devrais avoir mis :
<dl>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');"><a href="#" >The Website</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="http://gs-computer.eu/index.php?mod=contacts&lang=en">Contact</a></li>
<li><a href="http://gs-computer.eu/forum">Forum</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=lien1&lang=en">Links</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=acces&lang=en">Acces</a></li>
</ul>
</dd>
</dl>
Ce qu'il se passera : Le menu s'affiche quand la souris passe sur le lien et reste sur le menu et le menu se referme quand la souris quitte le menu ou le lien(The Website ici).
Et ca devrait marcher. Je n'ai repris qu'un des tes menu en exemple.
Bonne chance.
Le menu deroulant se ferme bien quand on quitte le menu mais pas quand on quitte le lien !!
J'ai regardé ton script et c'est tout a fait normal car tu n'as pas attribué de OnMouseOut a ton lien.
Tu as mis :
<dl>
<dt onmouseover="javascript:montre('smenu2');"><a href="#" >The Website</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="http://gs-computer.eu/index.php?mod=contacts&lang=en">Contact</a></li>
<li><a href="http://gs-computer.eu/forum">Forum</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=lien1&lang=en">Links</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=acces&lang=en">Acces</a></li>
</ul>
</dd>
</dl>
Ce qui se passe : Le menu s'affiche quand la souris passe sur le lien et reste sur le menu et le menu se referme quand la souris quitte le menu
Tu devrais avoir mis :
<dl>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');"><a href="#" >The Website</a></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul>
<li><a href="http://gs-computer.eu/index.php?mod=contacts&lang=en">Contact</a></li>
<li><a href="http://gs-computer.eu/forum">Forum</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=lien1&lang=en">Links</a></li>
<li><a href="http://gs-computer.eu/index.php?mod=acces&lang=en">Acces</a></li>
</ul>
</dd>
</dl>
Ce qu'il se passera : Le menu s'affiche quand la souris passe sur le lien et reste sur le menu et le menu se referme quand la souris quitte le menu ou le lien(The Website ici).
Et ca devrait marcher. Je n'ai repris qu'un des tes menu en exemple.
Bonne chance.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ouaip il y a de grandes chances que ça soit ça j'avait pas penser que sa pouvait être dans le code html je vais tester ça merci