Menu verticale JSS dinamic
hack_net
Messages postés
783
Date d'inscription
Statut
Membre
Dernière intervention
-
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
hack_net Messages postés 783 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila, j'ai déjà le code d'un menu déroulant en JSS, qui marche trés bien, mais je voudrais qu'il fasse l'effet inverse, c'est à dire qu'au lieu qu'il affiche les sous menu quand on clic sur un titre, j'aimerais qu'il les masques... Je suis novice en JSS...
Voici le code :
==>Quand on clic sur "Menu 2", les sous menu sont affiché (je répéte que le script est opératinnel pour ceux qui souhaite le prendre, allez-y il manque juste le CSS).
==> Moi c que je veu, c'est que les sous menu soit affiché dès le dépar, et que lorsqu'on clic sur "Menu 2" les sous menu disparraissent...
Exemple sur ce site (le menu de gauche) : http://www.ballouchi.com/
Merci d'avance pour votre aide...
Voila, j'ai déjà le code d'un menu déroulant en JSS, qui marche trés bien, mais je voudrais qu'il fasse l'effet inverse, c'est à dire qu'au lieu qu'il affiche les sous menu quand on clic sur un titre, j'aimerais qu'il les masques... Je suis novice en JSS...
Voici le code :
<html>
<head>
<title>menu</title>
</head>
<body>
<script language="javascript" 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>
<dl id="menu">
<dt onclick="javascript:montre();"><a href="#">Menu 1</a></dt>
<dt onclick="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
</body>
</html>
==>Quand on clic sur "Menu 2", les sous menu sont affiché (je répéte que le script est opératinnel pour ceux qui souhaite le prendre, allez-y il manque juste le CSS).
==> Moi c que je veu, c'est que les sous menu soit affiché dès le dépar, et que lorsqu'on clic sur "Menu 2" les sous menu disparraissent...
Exemple sur ce site (le menu de gauche) : http://www.ballouchi.com/
Merci d'avance pour votre aide...
A voir également:
- Menu verticale JSS dinamic
- Menu déroulant excel - Guide
- Ps5 verticale - Accueil - Guide jeu vidéo
- Menu caché tv continental edison ✓ - Forum Téléviseurs
- Barre verticale clavier ✓ - Forum MacOS
- Canon quick menu - Télécharger - Utilitaires
2 réponses
J'ai trouvé un autre script encore mieux et oppérationnel (servez-vous pour ceux qui veulent)
le dernier réglage c'est que je souhaite que ces sous-menu soit affichés dés le dépar sans clic de la part de l'utilisateur...
Merci d'avance
<script type="text/javascript">
//<![CDATA[
function refer() {
var mon_id = document.getElementById('mon_id');
if (mon_id.style.display == 'block')
mon_id.style.display = 'none';
else
mon_id.style.display = 'block';
}
//]]>
</script>
<a href="#javascript:void 0" class="Style1" onclick="refer()">Menu :</a>
<ul id="mon_id" style="display:none">
<a href="lien1.html">sous-menu 1</a>
<a href="lien2.html">sous menu2</a>
<a href="lien3.html">sous menu 3</a>
</ul>
le dernier réglage c'est que je souhaite que ces sous-menu soit affichés dés le dépar sans clic de la part de l'utilisateur...
Merci d'avance
