Discussion :

[jpthali]

Salut à tous,

j'ai implémenté l'excellente source du site intitulée "Menu vertical déroulant 2" qui fonctionne parfaitement bien.
Seul petit soucis, lorsqu'on clique sur un des liens de second niveau (sous rubrique), après le chargement de la page liée, le menu revient en position fermée. Est-il possible de faire en sorte que le menu reste en position "ouverte" dans laquelle on a cliqué (sans tricher si possible en le forçant à rester ouvert page par page via html) ?

J'ai parcouru longuement le forum pour chercher une réponse avant de poster et il y a plusieurs réponses qui pour un débutant en javascript comme moi n'éclairent pas beaucoup. Notamment la possibilité d'enregistrer la variable de position du menu et de la restituer après que la page demandée soit chargée.

Si vous pouviez expliciter un peu plus cette solution, ça serait vraiment pas mal.

merci.

[jpthali]

Salut,

suite aux conseils de Bisûnûrs, j'ai plongé la tête la première dans un autre sujet du forum, car la solution semble s'adapter à mon cas:
http://www.developpez.net/forums/d84...en-actif-menu/

j'ai donc tenté de résoudre mon problème avec ce code:

Code :

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

1
2
 
<a href="accueilB.html" <?php echo ($_SERVER["PHP_SELF"] == "/accueilB.html")?'style="display:block"':'' ?>>accueilB</a>

Mis ça ne fonctionne pas. Si quelqu'un peut m'aiguiller..

merci.

[jpthali]

En fait j'ai fini par trouver une solution qui fonctionne très bien et qui me permet de garder le menu installé.
Dans chaque page ciblée par les sous menus, j'ai défini deux variables:

Code php :

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

1
2
<?php $nav_ouvert = 'rubrique0'; ?>
<?php $nav_en_cours = 'rubrique1'; ?>

la première pour définir la position du menu, qui doit rester déplié et la seconde pour définir la classe qui correspond au sous menu dans un état "actif".

Ensuite dans le code html du menu luis même, j'ai appliqué les changements correspondants:

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div class="menu" id="menu3" onclick="afficheMenu(this)">
		<a href="#">type de médias</a>
	</div>
    <div <?php if ($nav_ouvert == 'rubrique0') {echo ' style="display:block"';} else {echo ' style="display:none"';} ?> id="sousmenu3">
		<div class="sousmenu">
			<a href="#">longs métrages</a>
		</div>
		<div <?php if ($nav_en_cours == 'rubrique1') {echo ' class="sousmenuON"';} else {echo ' class="sousmenu"';} ?>>
			<a href="nevil_story_accueilB.php">publicités télévisées</a>
		</div>
		<div <?php if ($nav_en_cours == 'rubrique2') {echo ' class="sousmenuON"';} else {echo ' class="sousmenu"';} ?>>
			<a href="nevil_story_accueilC.php">publicités internet</a>
		</div>
 
	</div>

Si la page qui contient à la fois les deux variables s'ouvre, les deux actions correspondantes au menus et sous menu choisis sont appliquées, menu ouvert et sous menu en position "actif".