Propriete du Menu en javascript

Fermé
nicusjam Messages postés 36 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 21 juillet 2011 - 16 oct. 2008 à 15:17
nicusjam Messages postés 36 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 21 juillet 2011 - 16 oct. 2008 à 15:44
Bonjour, je fais un menu en js (tiré de l'excellent alsacreations) et je souhaiterai que le deuxieme onglet reste ouvert quand je choisi un de ses rubriques, comment faire avec le script js que j'ai deja, il me faut une seconde action sur mon onclick ou une condition sur l'onglet ? merci pour votre aide .<

code><style>
/*Partie CSS pour le menu deroulant*/
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
width:132px;
}

#menu {
position: absolute; /* placement du menu, à modifier selon les besoins */
top: 0;
left: 0;
}
#menu {
width: 12em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 18px;
width:132px;
line-height: 20px;
text-align: left;
font-weight: bold;

border: 1px solid gray;
background: #F49F0E;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #fff;
font-size:xx-small;
}
#menu li a, #menu dt a {
color: black ;

text-decoration: none;
display: block;
border: 0 none;
height: 100%;

}
#menu li a:hover, #menu dt a:hover {
background:#97BE0D;
font-color:#97BE0D;
}
.style1{text-align:left;
color:#97BE0D;
text-decoration:underline #F49F0E;
border:0.5px solid #F49F0E;


}
.style{
text-align:left;
color:#97BE0D;
text-decoration:underline #F49F0E;



}
</style>
<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>


<dl id="menu">

<dt onclick="javascript:montre('smenu1');"><a href="index.html"target="_parent"target="_parent">Accueil</a></dt>




<dt onclick="javascript:montre('smenu2');">Produits</dt>

<dd id="smenu2">
<ul>
<li class="style1"><b>PENDULAIRES</b></li>
<li><a href="clt_pendulaires_acces.html"target="_parent">Acces Gare</a></li>
<li><a href="clt_pendulaires_gares.html"target="_parent">En Gare</a></li>
<li><a href="F_EspacesModulables_Danemark_F.html" target="_parent" >Dans le train</a></li>


<li class="style1"><b>LOISIRS/TOURISME</b></li>
<li><a href="clt_loisir_acces.html"target="_parent">Acces Gare</a></li>
<li><a href="clt_loisir_gares.html"target="_parent">En Gare</a></li>
<li><a href="clt_loisir_train.html"target="_parent">Dans le train</a></li>

</ul>

<dt onclick="javascript:montre('smenu3');">Politiques/Pays</dt>

<dd id="smenu3">
<ul>
<li><a href="Fz_Politique_ALLEMAGNE_F.html"target="_parent">Allemagne/Wesphalie</a></li>
<li><a href="Fz_Politique_COPENHAGUE_F.html"target="_parent">Copenhague - Danemark</a></li>
<li><a href="Fz_Politique_HOLLANDE_F.html"target="_parent">Hollande</a></li>
<li><a href="Fz_Politique_HONGRIE_F.html"target="_parent">Hongrie</a></li>
<li><a href="Fz_Politique_LUXEMBOURG_F.html"target="_parent">Luxembourg</a></li>
<li><a href="Fz_Politique_REPUBLIQUETCHEQUE_F.html"target="_parent">République Tchèque</a></li>
<li><a href="Fz_Politique_SUISSE_F.html"target="_parent">Suisse</a></li>

</ul>
</dd>


<dt onclick="javascript:montre('smenu4');">Recherche</dt>

<dd id="smenu4">
<ul>
<li><a href="F_itineraire_F.html"target="_parent">Recherche d'itinéraire</a></li>
<li class="style"><a href="F_billet_combine_F.html"target="_parent">Billets combinés</a></li>
<li><a href="F_PDE_F.html"target="_parent">Plans de Déplacement Entreprise</a></li>

<li><a href="F_velo_libre_service_F.html"target="_parent">Vélos en Libre Service</a></li>
<li class="style"><a href="F_PDE_Danemark_F.html"target="_parent">Location longue durée</a></li>
<li><a href="F_OV-Fiets_Hollande_F.html"target="_parent">Location courte durée</a></li>
<li class="style"><a href="F_Stationnement_F.html"target="_parent">Stationnement</a></li>
<li><a href="F_Services_gare_F.html"target="_parent">Services en gare</a></li>
<li><a href="F_EspacesModulables_Danemark_F.html"target="_parent">Espace dans les trains</a></li>
<li class="style"><a href="F_train_special_F.html"target="_parent">Train spécial, Grande Ligne</a></li>
<li><a href="F_Cyklobus-RepubliqueTcheque_F.html"target="_parent">Espace dans les cars</a></li>
<li class="style"><a href="F_Partenariat_Train_Hotel_Loueur_F.html"target="_parent">Partenariat Train + Hôtel / Loueur</a></li>
<li><a href="F_Communication_papier_internet_F.html"target="_parent">Communication papier/internet</a></li>
<li class="style"><a href="recherche_pays.html"target="_parent">Pays</a></li>

</ul>
</dd>


<dt onclick="javascript:montre('smenu5');"><a href="contact.html"target="_parent">Contact</a></dt>

</dl>


</code>
A voir également:

1 réponse

nicusjam Messages postés 36 Date d'inscription jeudi 7 août 2008 Statut Membre Dernière intervention 21 juillet 2011 11
16 oct. 2008 à 15:44
UP por favor !
1