[AJAX] Des fenetres flottantes dans une page

Version imprimable

12/05/2007, 15h03
localhost

[AJAX] Des fenetres flottantes dans une page

Bonjour à tous,
Je voudrais réaliser un menu flottant qui reste à sa position et qui ne se recharge pas lorsqu'on recharge la page ou on change de page (location), comme l'interface web de gmail talk lorsqu'on utilise une fenetre flottante dans l'explorateur pour chatter, cette fenetre ne s'efface/se recharge jamais lorsqu'on navigue dans le mail en rechargeant les pages.
Voila une capture d'ecran de gmail :
http://196.203.53.221/gmailp.jpg
J'ai essayé faire un div qui soit flottant et qui se reinitialise via AJAX depuis le serveur a chaque recharge de page, mais on remarque clairrement que le div a disparu et reapparu lorsque la page se recharge.
Merci pour votre aide.
12/05/2007, 21h31
lodan

On ne voit pas ta capture d'écran. Ils n'aurait pas utilisé les "frame" pour faire cet effet ?
13/05/2007, 18h37
localhost

Désolé, voici la capture d'ecran :
http://img211.imageshack.us/my.php?image=gmailgw6.png
Et meme si c'est des frames, le probleme c'est que je n'arrive pas a avoir le concept pour faire quelque chose pareil.
14/05/2007, 12h17
lodan

Bon ta capture d'écran est statique, alors je ne comprends pas ce que tu veux.

Est-ce quelque chose comme cela ?
14/05/2007, 12h25
yjuliet
Il y a plusieurs choses :
- il semble ne pas s'effacer, car il doit être parmi les premières choses à être rechargées de la page, du coup, tu ne dois pas voir sa disparition, mais un rechargement (<Ctrl> + R / <F5>) de la page effectuera forcément un "effacement" puis "ré-affichage", même si il n'est pas perceptible, et un <iframe> n'y changera rien, puisque le conteneur sera rechargé...
- quand tu navigues dans ton site (navigation en AJAX, obligatoirement), si tes <div> ne sont pas imbriqués, tu n'as rien à recharger.
Code:

1 2 3 4 5 6 7 <html> <body> <div id="menuContainer">...</div> <div id="pageContentContainer">...</div> </body> </html>
Sur les événements onclick des liens, tu ne lui fait recharger que pageContentContainer.

Voici ce qu'il ne faut surtout pas faire :
Code:

1 2 3 4 5 6 7 8 9 <html> <body> <div id="pageContentContainer"> <div id="menuContainer">...</div> ... </div> </body> </html>