Discussion :

[NEWTOON]

Bonjour,

Je viens de mettre en ligne mon site internet :
http://www.imaginascience.com/accueil.php



On vient de me faire remarquer qu'il serait bon que je revoie le fonctionnement de mon menu latéral GAUCHE.

En effet, il s'agit d'un SWAP menu. J'avais trouvé le code il y a longtemps et je maîtrise peu le Javascript.

Si un visiteur clique sur une de mes catégories, le script ouvre la catégorie voulue et une liste de liens apparait. Jusque là tout va bien.

Ce que j'aimerais, c'est qu'une fois ce lien cliqué, et que l'on se trouve sur la page souhaitée, le script fasse en sorte que le menu reste dans l'état donné de la page d'avant.

Pour l'instant, il se réinitialise.

J'ai pensé à 2 possibilités : soit l'utilisation de Cookie pour noter la position de la page précédente, soit j'indique à la main le menu selon la page (c'est moi qui lui indique la catégorie à ouvrir selon la page).

L'idéal est que l'on me donne un script de remplacement et je l'adapterai à mes besoins.

Je me tiens à votre dispo (si vous voulez le script par ex) et je remercie par avance les âmes charitables.
[/img]

[SpaceFrog]

t'as pris une poomme sur le tête ?

[NEWTOON]

Oui mais au contraire de Newton plus intéressé par la découverte de la gravitation universelle, moi je l'ai schcroumé !

[SpaceFrog]

pour ton souci passe une paire de variables en paramètre du lien ou utilise une variable navigateur ?..

[NEWTOON]

Euh...

J'ai dit que je suis pas un pro du Javascript. Le PHP mieux. Je peux passer une variable en GET mais bof bof.

Dans l'idéal, je suis sur que quelqu'un peut me donner un script qui a déjà pris ce prob en compte non ?

[MomoZeAsticot]

Essaye ceci:

Dans chaque href, rajoute en paramètre l'id de la li principale.
Par exemple,

Code :

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

1
2
<a href=
                  "/articles/sciencesphysiques/mecanique/resonance/resonance.php#haut"

devient

Code :

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

1
2
<a href=
                  "/articles/sciencesphysiques/mecanique/resonance/resonance.php?myli=p1#haut"

, ou encore

Code :

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

<a href="/boutique/accueil_boutique.php#haut"

devient

Code :

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

<a href="/boutique/accueil_boutique.php?myli=p4#haut"

Tu récupères le param dans chaque page:

Code :

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

1
2
3
4
5
6
<?php 
if (isset($_GET["myli"])) 
$toopen=$_GET["myli"]; 
else 
$toopen="p1";
?>

Ensuite, pour chaque li principale tu remplaces

Code :

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

<li id="p1" class="open">

par

Code :

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

<li id="p1" class="<?php if ($toopen=='p1') echo 'open'; else echo 'closed'; ?>">

(pour la li p2 tu remplaces p1 par p2 etc..).

Petite solution rapide. Par contre, ça ne marche que si la personne passe par le menu pour atteindre une page.

Edit: Je viens de voir que tu avais mis à jour et que tu voulais pas de php, je laisse quand même le code au cas où

[NEWTOON]

Top merci d'avoir passé du temps à trouver une réponse.

C'est la solution un peu lourde que je "sentais" mais c'est vrai que comme elle est en PHP, elle est super claire.

Je pense finalement que c'est d'ailleurs la meilleure solution car je ne connais pas assez le Javascript.

Si quelqu'un a mieux, qu'il n'hésites pas à me donner le tuyau.

Merci encore MomoZeAsticot !