Menu dépliant reste déplié [Résolu]
jpthali
Membre Dernière intervention
19 janvier 2010
- - Dernière réponse : Mokondzi - 4 janv. 2013 à 13:43
- Messages postés
- 10
- Date d'inscription
- mardi 30 août 2005
- Statut
A voir également:
- Dhtml menu
- Dhtml menus - Meilleures réponses
- Menu dépliant - Meilleures réponses
- Menu défilant dhtml - Codes sources - Javascript (Menu & Co)
- Menu déroulant avec 'fade' de couleurs dhtml - Codes sources - Javascript (Menu & Co)
- Menu dhtml : pas bien sorcier mais pratique a savoir - Codes sources - Javascript (Trucs & Astuces)
- Menu original et personnalisable en dhtml - Codes sources - Javascript (Menu & Co)
- Menu dynamique en dhtml (pour badoux) - Codes sources - Javascript (Menu & Co)
14 réponses
Meilleure réponse
- Messages postés
- 19
- Date d'inscription
- mardi 24 janvier 2006
- Statut
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:
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:
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".
Merci PetoleTeam pour tes réponses en tout cas.
Dans chaque page ciblée par les sous menus, j'ai défini deux variables:
<?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:
[# type de médias]
id="sousmenu3">
[# longs métrages]
>
[nevil_story_accueilB.php publicités télévisées]
>
[nevil_story_accueilC.php publicités internet]
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".
Merci PetoleTeam pour tes réponses en tout cas.
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
153 internautes nous ont dit merci ce mois-ci
- Messages postés
- 3435
- Date d'inscription
- lundi 26 décembre 2005
- Statut
Bonjour,je présumes que ce script est commun à toutes les pages, aussi une façon, parmi d'autres,serait de jouer avec une variable et d'afficher le menu correspondant sur le onload du document.
l'id_Active étant bien sur différente d'une page à l'autre...
;O)
var id_Active = "menu3";
window.onload = function(){
afficheMenu( document.getElementById( id_Active));
}
l'id_Active étant bien sur différente d'une page à l'autre...
;O)
- Messages postés
- 19
- Date d'inscription
- mardi 24 janvier 2006
- Statut
salut,
merci pour cette réponse, mais si je comprends bien, il faut mettre ce code sur chaque page de destination ouverte par les sous-menus, pour indiquer "à la main" si le sous menu visité doit rester ouvert. Donc changer le code sur chaque page de destination.
J'aurais préférer en fait qu'un seul code définisse une fois pour toute l'action à effectuer pour chaque sous-menu cliqué, et ne pas être obligé de changer le code pour chaque page ouverte.
Je ne sais pas si c'est possible mais y a t-il une manière automatique de faire en sorte que le menu cliqué reste ouvert ?
Car en fait j'ai des occurences qui sont communes à plusieurs sous menus.
Ce qui fait que dans un cas "manuel" où il faut à chaque page dire si le menu est ouvert ou pas, pour certaines occurrences qui peuvent être trouvées en passant par 3 sous menus différents, je vais être obligés de créer à chaque fois 3 pages différentes indiquant sur chacune d'elle quel menu est ouvert, selon la manière dont le visiteur a appelé cette occurence.
Je ne sais pas si je suis très clair.
merci
merci pour cette réponse, mais si je comprends bien, il faut mettre ce code sur chaque page de destination ouverte par les sous-menus, pour indiquer "à la main" si le sous menu visité doit rester ouvert. Donc changer le code sur chaque page de destination.
J'aurais préférer en fait qu'un seul code définisse une fois pour toute l'action à effectuer pour chaque sous-menu cliqué, et ne pas être obligé de changer le code pour chaque page ouverte.
Je ne sais pas si c'est possible mais y a t-il une manière automatique de faire en sorte que le menu cliqué reste ouvert ?
Car en fait j'ai des occurences qui sont communes à plusieurs sous menus.
Ce qui fait que dans un cas "manuel" où il faut à chaque page dire si le menu est ouvert ou pas, pour certaines occurrences qui peuvent être trouvées en passant par 3 sous menus différents, je vais être obligés de créer à chaque fois 3 pages différentes indiquant sur chacune d'elle quel menu est ouvert, selon la manière dont le visiteur a appelé cette occurence.
Je ne sais pas si je suis très clair.
merci
- Messages postés
- 3435
- Date d'inscription
- lundi 26 décembre 2005
- Statut
Bonjour,
Seul petit soucis, lorsqu'on clique sur un des liens de sous menu, après le chargement de la page liée, le menu revient en position fermée.
Cela signifie donc bien que le menu est déjà intégrer sur chaque page.
Ceci n'était qu'une façon de voir les choses
Tu peux utiliser les cookies
- stockage du cookies sur le click d'un lien qui t'indique la référence du menu cliquée
- passage de la référence du menu cliquée en paramètre de l'URL
- ou encore autre...
et à l'ouverture de la page
- récupération de la référence du menu cliquée et affichage de celui ci...
;O)
Seul petit soucis, lorsqu'on clique sur un des liens de sous menu, après le chargement de la page liée, le menu revient en position fermée.
Cela signifie donc bien que le menu est déjà intégrer sur chaque page.
Ceci n'était qu'une façon de voir les choses
Tu peux utiliser les cookies
- stockage du cookies sur le click d'un lien qui t'indique la référence du menu cliquée
- passage de la référence du menu cliquée en paramètre de l'URL
- ou encore autre...
et à l'ouverture de la page
- récupération de la référence du menu cliquée et affichage de celui ci...
;O)
- Messages postés
- 19
- Date d'inscription
- mardi 24 janvier 2006
- Statut
salut,
je sais en gros quel principe il faut, le problème étant de l'appliquer. Comme je le dis plus haut j'ai cru comprendre qu'il faut utiliser une fonction du genre "php echo ($_SERVER["PHP_SELF"]" mais je rame pour l'utiliser.
Si tu pouvais m'éclairer sur cette méthode ou un des autres que tu proposes, ça serait merveilleux :)
merci
je sais en gros quel principe il faut, le problème étant de l'appliquer. Comme je le dis plus haut j'ai cru comprendre qu'il faut utiliser une fonction du genre "php echo ($_SERVER["PHP_SELF"]" mais je rame pour l'utiliser.
Si tu pouvais m'éclairer sur cette méthode ou un des autres que tu proposes, ça serait merveilleux :)
merci
- Messages postés
- 19
- Date d'inscription
- mardi 24 janvier 2006
- Statut
resalut,
en fait je complète un peu ma question.
La question sous-jacente de PetoleTeam m'a poussé à creuser un peu et finalement je vais inclure le menu via un include php sur chaque page, ce qui fait que ce code ne sera que sur une seule page, elle même appelée dans toutes les autres.
Sachant ça, est-ce qu'une solution plus simple existe permettant au menu de rester déplié une fois la page appelée chargée. J'imagine que ça doit être dans ce cas plus simple à gérer que dans le cas où le code du menu est dupliqué de pages en page et par conséquent rechargé à chaque fois.
Merci aux bonnes volontés qui pourront m'éclairer.
en fait je complète un peu ma question.
La question sous-jacente de PetoleTeam m'a poussé à creuser un peu et finalement je vais inclure le menu via un include php sur chaque page, ce qui fait que ce code ne sera que sur une seule page, elle même appelée dans toutes les autres.
Sachant ça, est-ce qu'une solution plus simple existe permettant au menu de rester déplié une fois la page appelée chargée. J'imagine que ça doit être dans ce cas plus simple à gérer que dans le cas où le code du menu est dupliqué de pages en page et par conséquent rechargé à chaque fois.
Merci aux bonnes volontés qui pourront m'éclairer.
- Messages postés
- 3435
- Date d'inscription
- lundi 26 décembre 2005
- Statut
Bonjour,
J'ai commis une source,c'est ici, CREATION AUTOMATIQUE SOMMAIRE, qui utilise window.location.href qui est en fait l'URL de la page en cours.
Le principe est tout proche...
Il te suffit de récupérer cette info et lors de la création de ton menu tester si le lien à afficher correspond et si OUI mettre son parent, le DIV "menux" donc, en display ="block"
;O)
J'ai commis une source,c'est ici, CREATION AUTOMATIQUE SOMMAIRE, qui utilise window.location.href qui est en fait l'URL de la page en cours.
Le principe est tout proche...
Il te suffit de récupérer cette info et lors de la création de ton menu tester si le lien à afficher correspond et si OUI mettre son parent, le DIV "menux" donc, en display ="block"
;O)
- Messages postés
- 5
- Date d'inscription
- jeudi 6 novembre 2008
- Statut
- Messages postés
- 19
- Date d'inscription
- mardi 24 janvier 2006
- Statut
salut,
En fait le principe est assez simple pour quelqu'un comme moi qui n'y connait rien en php.
Dans mon exemple, j'ai un menu dépliant contenant des sous menus qui renvoient à des pages html, qui elles mêmes contiennent:
-le contenu indiqué par les sous menu
-ainsi que le menu lui-même.
Par exemple:
Menu A
Sous menu 01
Sous menu 02
Menu B
Sous menu 03
Sous menu 04
Quand on clique sur Menu A, le sous menu apparait, et quand on clique sur "Sous menu 01", la page contenant ce qui est indiqué par sous-menu 01 apparait.
Comme ce sont des pages html, le menu entier est chargé dans chaque page html et donc revient à sa position d'origine, replié.
Le solution est donc d'abord de définir par l'intermédiaire des CSS 2 classes, une pour la position "sélectionné" du sous menu (quand on est sur la page visée, le sous menu reste surligné par exemple), et une classe pour la position non sélectionnée.
Ensuite le php entre en jeu et permet au menu, selon la page que l'on a chargée, de savoir d'une part quel menu doit rester déplié (on suppose qu'il y a plusieurs item menu, contenant chacun plusieurs sous menus) et d'autre part quel sous menu doit rester surligné pour montrer au visiteur dans quelle page il se trouve.
C'est assez simple à mettre en place, pour la première étape qui consiste à indiquer quelle partie du menu doit rester déplié, il faut insérer dans le code du menu ce code :
Pour lui montrer ça, il faut donc que dans la page qui est visée et pour laquelle il doit se déplier soit présent l'élément en question, il faut donc l'insérer dans la page cible sous la forme
Pour info, les noms 'nav_ouvert' et 'rubrique0', sont à ton libre choix, tu peux écrire ce que tu veux à partir du moment que ce sont les mêmes mots qui sont utilisés dans le menu et dans la page cible.
Enfin, pour que le menu sache si un sous menu doit être surligné ou pas, c'est le même principe. Si un élément défini est présent dans la page cible, la classe "surligné" est active sinon, le sous menu reste non surligné.
Le code à insérer pour ce cas est celui ci par exemple
Si l'élément 'rubrique1' est présent dans la page cible, le sous menu est surligné, en utilisant la class CSS correspondante (ici, class="sousmenuON"), sinon, on laisse la class normale (ici class="sousmenu").
Voilà la principe, ça fonctionne parfaitement.
@+
En fait le principe est assez simple pour quelqu'un comme moi qui n'y connait rien en php.
Dans mon exemple, j'ai un menu dépliant contenant des sous menus qui renvoient à des pages html, qui elles mêmes contiennent:
-le contenu indiqué par les sous menu
-ainsi que le menu lui-même.
Par exemple:
Menu A
Sous menu 01
Sous menu 02
Menu B
Sous menu 03
Sous menu 04
Quand on clique sur Menu A, le sous menu apparait, et quand on clique sur "Sous menu 01", la page contenant ce qui est indiqué par sous-menu 01 apparait.
Comme ce sont des pages html, le menu entier est chargé dans chaque page html et donc revient à sa position d'origine, replié.
Le solution est donc d'abord de définir par l'intermédiaire des CSS 2 classes, une pour la position "sélectionné" du sous menu (quand on est sur la page visée, le sous menu reste surligné par exemple), et une classe pour la position non sélectionnée.
Ensuite le php entre en jeu et permet au menu, selon la page que l'on a chargée, de savoir d'une part quel menu doit rester déplié (on suppose qu'il y a plusieurs item menu, contenant chacun plusieurs sous menus) et d'autre part quel sous menu doit rester surligné pour montrer au visiteur dans quelle page il se trouve.
C'est assez simple à mettre en place, pour la première étape qui consiste à indiquer quelle partie du menu doit rester déplié, il faut insérer dans le code du menu ce code :
<?php if ($nav_ouvert == 'rubrique0') {echo ' style="display:block"';} else {echo ' style="display:none"';} ?>, si il repère dans la page chargé l'élément 'rubrique0', il doit se déplier (display:block) sinon, il reste plié (display:none).
Pour lui montrer ça, il faut donc que dans la page qui est visée et pour laquelle il doit se déplier soit présent l'élément en question, il faut donc l'insérer dans la page cible sous la forme
<?php $nav_ouvert = 'rubrique0'; ?>
Pour info, les noms 'nav_ouvert' et 'rubrique0', sont à ton libre choix, tu peux écrire ce que tu veux à partir du moment que ce sont les mêmes mots qui sont utilisés dans le menu et dans la page cible.
Enfin, pour que le menu sache si un sous menu doit être surligné ou pas, c'est le même principe. Si un élément défini est présent dans la page cible, la classe "surligné" est active sinon, le sous menu reste non surligné.
Le code à insérer pour ce cas est celui ci par exemple
<?php if ($nav_en_cours == 'rubrique1') {echo ' class="sousmenuON"';} else {echo ' class="sousmenu"';} ?>
Si l'élément 'rubrique1' est présent dans la page cible, le sous menu est surligné, en utilisant la class CSS correspondante (ici, class="sousmenuON"), sinon, on laisse la class normale (ici class="sousmenu").
Voilà la principe, ça fonctionne parfaitement.
@+
- Messages postés
- 5
- Date d'inscription
- jeudi 6 novembre 2008
- Statut
Merci beaucoup pour ta réponse thalijp et excuse moi du temps de réaction ^^!
Cependant après avoir relus ton post, j'ai remarqué que ton site est static... Le miens est dynamic !
Je m'explique :
J'ai une page principale : page.php, qui charge ma partie CONTENT avec un "include" :
Ce qui se passe avec ta "technique ^^" c'est que mon menu n'arrive pas à récupérer la variable... Il me met une erreur du style :
Notice: Undefined variable: en_cours in C:\Program Files\EasyPHP-5.3.2\www\capemploi2\page.php on line 35
id="0">
J'ai pu lire sur plusieurs autre posts qui traite de ce problème qu'il faut passer par $_GET['page'] ... Mais la ca me parais TRES flou !
Si tu as des infos à ce sujet je suis preneur !
Merci beaucoup !
Cependant après avoir relus ton post, j'ai remarqué que ton site est static... Le miens est dynamic !
Je m'explique :
J'ai une page principale : page.php, qui charge ma partie CONTENT avec un "include" :
<?php
if(empty($_GET['page'])){
include("accueil.php");
}
else {
$page = $_GET['page'];
include("$page.php");
}
?>
Ce qui se passe avec ta "technique ^^" c'est que mon menu n'arrive pas à récupérer la variable... Il me met une erreur du style :
Notice: Undefined variable: en_cours in C:\Program Files\EasyPHP-5.3.2\www\capemploi2\page.php on line 35
id="0">
J'ai pu lire sur plusieurs autre posts qui traite de ce problème qu'il faut passer par $_GET['page'] ... Mais la ca me parais TRES flou !
Si tu as des infos à ce sujet je suis preneur !
Merci beaucoup !
- Messages postés
- 5
- Date d'inscription
- jeudi 6 novembre 2008
- Statut