[AJAX] Des fenetres flottantes dans une page

**localhost** · 12/05/2007, 15h03

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 :

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.

**lodan** · 12/05/2007, 21h31

On ne voit pas ta capture d'écran. Ils n'aurait pas utilisé les "frame" pour faire cet effet ?

**localhost** · 13/05/2007, 18h37

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.

**lodan** · 14/05/2007, 12h17

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

Est-ce quelque chose comme cela ?

**yjuliet** · 14/05/2007, 12h25

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 exemple :

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

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 exemple :

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

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

[AJAX] Des fenetres flottantes dans une page

JavaScript

Discussions similaires

Partager

Partager