[CSS-Javascript] Menu déroulant

**JeromeR** · 21/10/2004, 14h17

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**fx_251** · 21/10/2004, 15h09

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

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Normalement ça devrait faire ce que tu veux mais je n'ai pas testé

**troumad** · 21/10/2004, 15h23

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.

**JeromeR** · 21/10/2004, 16h12

Envoyé par fx_251

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 !

**fx_251** · 21/10/2004, 18h07

Ah oui effectivement

C'etait meme plus simple que ce que je pensais

[CSS-Javascript] Menu déroulant

CSS

Vue hybride

Discussions similaires

Partager

Partager