j'aimerai que mon menu déroulant puisse apparaître façon tooltips en faisant des sortes de sous-dossier (je ne m'y connaît pas trop en JavaScript )
Je vous donne mes codes sources si ça peut vous aider.
Mon code source déroulant:
<scripttype="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> <styletype="text/css"> </style> </head> <body> <dlid="menu"> <dtonclick="javascript:montre();"><atarget="mainframe"href="accueil.htm">Accueil</a></dt> <dtonclick="javascript:montre('smenu2');">La radioactivité</dt> <ddid="smenu2"> <ul> <li>c'est là que le tooltips apparaît (voir plus bas)</li> <li><ahref="stabilitérad.htm">Noyaux stables et instables</a></li> <li><ahref="alpha.htm">Radiation alpha</a></li> <li><ahref="betap.htm">Radiation bêta +</a></li> <li><ahref="betam.htm">Radiation bêta -</a></li> <li><ahref="gamma.htm">Radiation gamma</a></li> <li><ahref="typesrad.htm">Décroissance Radioactive</a></li> </ul> </dd> <dtonclick="javascript:montre('smenu3');">Menu 3</dt> <ddid="smenu3"> <ul> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> </ul> </dd> <dtonclick="javascript:montre('smenu4');">Menu 4</dt> <ddid="smenu4"> <ul> <li><ahref="#">Sous-Menu 4.1</a></li> <li><ahref="#">Sous-Menu 4.1</a></li> </ul> </dd> </dl>
Et mon code source façon tooltips:
<scripttype="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> </head> <body> <!-- Menu --> <dlid="menu"> <dtonmouseover="javascript:montre('smenu1');"><ahref="#">Menu 1</a></dt> <ddid="smenu1"onmouseover="javascript:montre('smenu1');"onmouseout="javascript:montre();"> <ul> <li><ahref="#">ca doit apparaître en tooltips 1.1</a></li> <li><ahref="#">en même temps que ça</a></li> <li><ahref="#">et que ça</a></li> </ul> </dd> <dtonmouseover="javascript:montre('smenu2');"onmouseout="javascript:montre();">Menu 2</dt> <ddid="smenu2"onmouseover="javascript:montre('smenu2');"onmouseout="javascript:montre();"> <ul> <li><ahref="#">Sous-Menu 2.1</a></li> <li><ahref="#">Sous-Menu 2.2</a></li> </ul> </dd> <dtonmouseover="javascript:montre('smenu3');"onmouseout="javascript:montre();">Menu 3</dt> <ddid="smenu3"onmouseover="javascript:montre('smenu3');"onmouseout="javascript:montre();"> <ul> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> <li><ahref="#">Sous-Menu 3.1</a></li> </ul> </dd> <dtonmouseover="javascript:montre('smenu4');"onmouseout="javascript:montre();">Menu 4</dt> <ddid="smenu4"onmouseover="javascript:montre('smenu4');"onmouseout="javascript:montre();"> <ul> <li><ahref="#">Sous-Menu 4.1</a></li> <li><ahref="#">Sous-Menu 4.1</a></li> </ul> </dd> </dl>
Bonne chance
Super menu javascript
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.