Sujet Précédent Sujet Suivant

Menu verticale JSS dinamic

Fermé
hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 - 27 juil. 2008 à 11:43
hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 - 27 juil. 2008 à 14:55
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 : 
<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:

2 réponses

Réponse 1 / 2
hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
27 juil. 2008 à 12:07
J'ai trouvé un autre script encore mieux et oppérationnel (servez-vous pour ceux qui veulent) 

<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
1
Réponse 2 / 2
hack_net Messages postés 783 Date d'inscription lundi 5 mars 2007 Statut Membre Dernière intervention 5 juin 2014 51
27 juil. 2008 à 14:55
UP :)
1

Discussions similaires

Barre verticale droite sur clavier
k_lou -
Leuide -

41 réponses
Barre verticale droite sur clavier mac
oui -
jeanbern -

1 réponse
le signe " | " dans excel
zed -
Utilisateur anonyme -

4 réponses
Touche du clavier barre verticale
k_lou -
Architecte_300 -

6 réponses
cherche touche barre verticale sur mon Mac
leonil2006 -
dede74000 -

1 réponse