Comment garder une barre de navigation à la Facebook

Bonjour à tous,

Je n'y connais pas grand chose à JS et j'ai une petite question pour vous :
Comment faire une barre de navigation qui reste dans le même état à chaque chargement de page ?
Le but est d'avoir une barre de navigation avec différentes parties qui peuvent changer d'état et il faut garder l'état de cette barre même en changeant de page.
Avec de grosse supposition, je pense que si JS est activé, la barre de navigation est créée et ensuite je ne vois pas du tout comment faire.
Je remarque que sur Facebook, la barre n'est pas juste rechargée dans le même état mais on peut voir qu'elle n'est pas du tout rechargée.

Comment faire ceci ?

Merci d'avance.

Salut,

la réponse est simple en passant par de l'ajax. le fait de générer des éléments type barre de navigation modulable implique l'utilisation de js pour les actions dynamique (drag and drop) et une implication php ou autre langage serveur pour le stockage en base des positions ou composition des éléments dynamique.

J'ai déjà fait un peu d'Ajax (création d'une tchat box sans rechargement de la page) donc j'ai les connaissances minimum pour faire de l'ajax mais je n'arrive pas à voir concrètement le fonctionnement de la barre de navigation.

Donc d'après toi, l'état de la barre est stockée en session et à chaque changement de page, celle-ci est rechargée ? Ce n'est pas l'impression que j'ai avec facebook. On à l'impression que la barre de navigation est en premier plan et seul la page est rechargée (sans la barre).

En gros, mon site est déjà fait (full PHP) et il me reste à rajouter cette barre pour donner quelque plugin aux personnes avec JS activé.

Bonjour,
juste une précision, car je crains que tu ne prennes le problème à l'envers : dans le cas que tu évoques (seule la page est rechargée, mais pas la barre de navigation), ce n'est pas la barre elle-même qui doit être gérée en Ajax, mais l'ensemble du site :aie:
Dans ce cas, bon courage pour les adaptations (disons plutôt la ré-écriture complète) :mouarf:

Mais le même effet visuel peut être obtenue avec des frames (ce qui est nettement moins dans l'esprit web 2.0 :? )

Ceci dit, à part le côté facebook-like (qui n'a plus rien d'original), quel serait l'intérêt (par rapport à la même barre, rechargée de manière standard à chaque changement de page) ?
En dehors des problème de navigation que tu vas découvrir, je vois pas bien :koi:

A+

Ok. C'est bien ce que je craignais. J'espérais que quelqu'un me dise, "il suffit de mettre un détecteur d'évènement de changement de page et hop, on recharge que la page sans la barre" ou quelque chose du genre (oui, je crois encore au père noël).

Je voulais gagner en performance (cette barre est susceptible de générée quelques requêtes à chaque initialisation) et en fluidité (c'est quand même pas mal de pouvoir garder la barre visible et utilisable (il me semble) pendant le chargement de la page.)

En gros, je pose ses questions pour avoir un retour d'expérience sur des personnes qui ont déjà fait ça ou alors simplement des conseils de conception par des personnes qui s'y connaissent plus que moi en JS & Ajax.

[Edit] je n'ai pas parler des frames, je crois que mon inconscient n'a pas voulu lire cette phrase :).

Citation:

---

Envoyé par Jonathan.b

Ok. C'est bien ce que je craignais. J'espérais que quelqu'un me dise, "il suffit de mettre un détecteur d'évènement de changement de page et hop, on recharge que la page sans la barre" ou quelque chose du genre (oui, je crois encore au père noël).

---

:D
Ben non ! :aie:

Citation:

---

Envoyé par Jonathan.b

Je voulais gagner en performance (cette barre est susceptible de générée quelques requêtes à chaque initialisation)

---

Pour la perf. OK. Mais ça veut quand même dire que ta barre est susceptible d'aller des infos rafraîchies à chaque initialisation. Si tu ne l'initialises plus à chaque changement de page, tu auras donc un risque d'afficher des informations obsolètes.

Citation:

---

Envoyé par Jonathan.b

et en fluidité (c'est quand même pas mal de pouvoir garder la barre visible et utilisable (il me semble) pendant le chargement de la page.)

---

Là encore : en fluidité, peut-être.
Mais sinon, utilisable : non !
Lors d'un changement de page le contenu, même s'il reste affiché dans certains nav', n'est plus "actif". Il ne s'agit donc que d'apparences (sauf en cas de full Ajax, puisqu'il n'y a plus changement de page, justement) ....

Citation:

---

Envoyé par Jonathan.b

[Edit] je n'ai pas parler des frames, je crois que mon inconscient n'a pas voulu lire cette phrase :).

---

:ccool:
Cette phrase était optionnelle : mentionnée uniquement pour être le plus exhaustif possible ;)

A+

Je reviens sur le "utilisable", en effet, j'ai dis une connerie.

Pour l'initialisation de la barre un certain nombre de requête son nécessaires mais pas forcément à chaque changement de page. Par exemple : La récupération de la liste des ses "amis" (pour un site communautaire) peut se faire une seul fois toutes les minutes alors que l'on va changer de page plus souvent que ca. Par contre, le fait que l'on a appuyer sur le menu déroulant pour voir cette liste se dérouler doit être enregistré pour afficher de nouveau ce menu déroulant lors de l'affichage d'une nouvelle page.

C'est surtout l'effet de disparition et de réapparition du menu que je cherche à éviter.

Enfin bref, je pense que l'on est d'accord sur le fonctionnement du JS et des possibilités et gain en performance, en ergonomie mais également dans les limites techniques d'utilisation.