probléme menu deroulant en js

salut
j'ai un petit probléme avec mon menu deroulent en javascript
premierement il ne se r'enroule pas quand on enléve la souris

et deuxiémement avec internet explorer le resultat est médiocre

voici la page

merci d'avance

Salut Louis XIV

Tu utilises onMouseOver pour dérouler ton menu. Tu devrais utiliser onMouseOut pour l'enrouler lorsque la souris quitte le champ.

Pour ce qui est du mauvais placement du menu avec MSIE, je vois pas d'où ça vient

@+

ba ca vient tout simplement du fait que le positionement absolut n'a pas l'air de marcher avec IE

mais ca je trouverez un equivalent
c'est pour le JS que je savait pas trop comment faire
je vais essayer mais j'aurait surement besoin de ton aide encore puisque le js n'est pas de moi et que je n'est pas vraiment cherché a le comprendre


si tu veux bien m'aider le nfichier js ressemble a ca:

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

@+

J'ai essayé un truc, mais ça marche toujours pas.

Je continue de regarder ça dès que j'ai un peu de temps, et je te tiens au courant.

@+

merci beaucoup

Je crains de ne pas savoir comment procéder. Dans ton code source, j'ai rajouté :

<div id="head">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Programmation</dt>
<dd id="smenu1">
<ul onmouseout="javascript:montre();">
<li><a href="">Introduction</a></li>
<li><a href="">Les bases</a></li>
<li><a href="">Remplir votre page</a></li>
<li><a href="">Les liens</a></li>
<li><a href="">Les images</a></li>
<li><a href="">Les listes</a></li>
<li><a href="">Les tableaux</a> </li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');">MSN</dt>
<dd id="smenu2">
<ul onmouseout="javascript:montre();">
<li><a href="#">Astuce MSN</a></li>
<li><a href="#">Astuce MSN 6.0</a></li>
<li><a href="#">Astuce MSN+</a></li>
<li><a href="#">Autres</a></li>
<li><a href="">Logiciel</a> </li>
</ul>
</dd>
</dl>
</div>

Normalement, quand on quitte la liste, elle devrait s'effacer. En fait ça s'efface trop tôt, on a juste le temps de dérouler un ou deux items que le menu se ferme. J'ai essayé d'autres trucs, mais je vois pas comment faire. Est-ce que quelqu'un de plus doué a une idée ?

Désolé Roi_Soleil...
Est-ce que tu as essayé de trouver des sources de menus déroulants en javascript sur le net ?

@+

non j'ai pas encore essayer

mais je vais mediter un peu sur ce code lol

merci beaucoup

c'est bon j'ai trouvé!!!

<div id="head">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1')";>Programmation</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul onmouseout="javascript:montre();">
<li><a href="">Introduction</a></li>
<li><a href="">Les bases</a></li>
<li><a href="">Remplir votre page</a></li>
<li><a href="">Les liens</a></li>
<li><a href="">Les images</a></li>
<li><a href="">Les listes</a></li>
<li><a href="">Les tableaux</a> </li>
</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2')"; onmouseout="javascript:montre('');">MSN</dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
<ul onmouseout="javascript:montre();">
<li><a href="#">Astuce MSN</a></li>
<li><a href="#">Astuce MSN 6.0</a></li>
<li><a href="#">Astuce MSN+</a></li>
<li><a href="#">Autres</a></li>
<li><a href="">Logiciel</a> </li>
</ul>
</dd>
</dl>
</div>


et la ca marche bien
j'ai trouvé ca en regardant le code source d'une page

merci


[ Ce message a ete modifié par : : roi_soleil le 05-02-2006 16:21 ]

Merci à toi

@+