Version complète: sur le forum Webmaster Hub : menu déroulant en javascript et HTML/CSS
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > AjaX et JavaScript
TYBMHI
Bonjour à tous,

J'ai créer un menu déroulant horizontal. Tout fonctionne presque bien. En fait si je pointe ma souris sur un des menus le sous-menu se déroule sans problème. Le seul problème que j'ai, est que lorsque je quitte le menu (si par exemple je pointe ma souris ailleurs que sur le menu), j'ai toujours le dernier sous-menu déroulant que j'ai déployé qui reste déroulé en permanence. Je voudrais savoir comment faire pour que le sous menu disparaisse dès que je retire la souris de sa zone ?

Je pense que ca vient de mon javascript :
CODE
<script type="text/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';}
}
//-->
</script>


Merci d'avance pour votre aide.
crocxx
Bonjour,
Tu peu peu être ajouter un onmouseout="java script:montre('');" dans ton code HTML smile.gif
TYBMHI
Merci beaucoup pour ton aide !

Je pense que grâce à toi j'y suis presque mais je n'y arrive pas. En fait peu importe ou je place le: onmouseout="java script:montre('');" le menu déroulant se retire directement dès que je bouge la souris. Voici un bout du menu en HTML. Si tu peux encore m'aider, merci.

CODE
<dl>            
        <dt onmouseover="java script:montre('smenu1');">Famille</dt>
            <dd id="smenu1">
                <ul>
                    <li><a href="#">Parent</a></li>
                    <li><a href="#">Frère/soeur</a></li>
                    <li><a href="#">Oncle/tante</a></li>
                    <li><a href="#">Grand-parent</a></li>
                    <li><a href="#">Cousin/cousine</a></li>
                    <li><a href="#">Neveu/nièce</a></li>
                    <li><a href="#">Autre</a></li>
                </ul>
            </dd>
    </dl>
iNCiTE Web
Il faudrait le code complet du menu...
L'exemple venant de là Tuto alsacreéations, tu as vérifié par rapport à la source ?
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.