[CSS-Javascript] Menu déroulant

Version imprimable

Voila j'ai fait un menu deroulant a l'aide de css et javascript, quand je clique sur un lien du menu la page cible est incluse dans ma page principal avec un include en php !

mon probleme est que quand je clic sur un lien du sous menu ca recharge ma page et le menu ce referme.
J'aimerai savoir si il y a un moyen pour que quand je clique sur un lien mon sous menu reste ouvert !

Mon code javascript :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 window.onload=montre; /* FONCTION POUR LE MENU */ 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';} } /***********************************/
Extrait du code pour le menu :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <div id="gauche"> <br/> <p>Menu</p> <dl> <dt id="td1" class="" onclick="javascript:montre('smenu1');"><a href="#" onMouseOver="afficheDescURL(' Présentation de la gamme de produit Alcatel© ')" onMouseOut="afficheDescURL('')">Télécoms</a></dt> <dd id="smenu1"> <ul> <li><a href="index.php?page=omni1.php">Système téléphonique</a></li> <li><a href="index.php?page=postes1.php">Postes numériques</a></li> <li><a href="index.php?page=postes2.php">Postes analogiques</a></li> </ul> </dd>
Pour le momment si je click sue "Télécoms" ca ouvre le sous menu 'smenu1' et si je click sur "Système téléphonique" ca inclus la page "omni1.php" mais ca referme mon sous menu !

comment faire pour que le sous menu reste ouvert ?

J'espère que je me suis fait comprendre !

Merci de votre aide :)

21/10/2004, 14h09
fx_251
Tu peux ajouter dans le code php de ton index.php
Code:

1 2 3 if($page=='omnil.php' || $page=='poste1.php' || $page=='poste2.php) $id_rubrique='smenu1'; // ... autres tests pour tes autres rubriques
et toujours dans ton index.php mais dans le code Html

Code:

<body onLoad="javascript:montre('<? echo $id_rubrique; ?>')">

Normalement ça devrait faire ce que tu veux mais je n'ai pas testé ;)
21/10/2004, 14h23
troumad

As-tu un exemple à monter ?

Moi, je te propose : http://troumad.free.fr/internet/xcours.html#mini_html (entièrement javascript) avec les liens du menu "Cette page"

Je te popose la page http://troumad.free.fr/bible/Jean4a.php
Regarde les entrée avec les deux entrées de Rligion->Evangile de Jean 4 (php + javascript).

Je pense que ça fait ce que tu souhaites (au moins sous mozila). Le tout étant de ne pas recharger la page.
21/10/2004, 15h12
JeromeR
Citation:
Envoyé par fx_251

Tu peux ajouter dans le code php de ton index.php

Code:

1 2 3 if($page=='omnil.php' || $page=='poste1.php' || $page=='poste2.php) $id_rubrique='smenu1'; // ... autres tests pour tes autres rubriques

et toujours dans ton index.php mais dans le code Html

Code:

<body onLoad="javascript:montre('<? echo $id_rubrique; ?>')">

Normalement ça devrait faire ce que tu veux mais je n'ai pas testé ;)
Ca ne pouvait pas marcher tel (car il recharge la page et donc perd la valeur de la variable) quel mais en passant $id_rubrique en parametre de mes liens j'ai réussi a faire ce que je voulais !

Merci de ton aide qui m'a éclairer !
:lol:
21/10/2004, 17h07
fx_251

Ah oui effectivement :oops: C'etait meme plus simple que ce que je pensais :D