You read this message because there is an internal bug, you are a search engine, JavaScript
is disabled or your connection is too slow but most probably you don't use Firefox
or a decent web browser. Notably, MSIE could not work here. Sorry.
Check your JavaScript error console, just in case.

Welcome ! Bienvenue ! Willkommen ! etc.

Juste une petite démo de fenêtres dynamiques, le code n'est pas complet mais montre l'usage de quelques extensions de YGWM, un gestionnaire de contenu créé pour yasep.org.

Note : testé OK sous Firefox, Seamonkey, Omniweb, Shiira, Safari, Konqueror, Chrome et Opera, mais aucune garantie pour MSIE ou Camino.

Liste des autres fenêtres qui peuvent être ouvertes dans d'autres fenêtres :

Sun Feb 15 04:09:09 CET 2009

* Le déplacement à la souris ainsi que le clic-to-focus sont OK
* redimensionnement en bas (à gauche et à droite) : ok
* minimisation/restauration : simpliste mais OK.
* Effacement : bouton ajouté, optionnel.
Un callback peut aussi être fourni pour déterminer si une fenêtre doit être effacée à la fin d'un déplacement (pour faire un drag&drop dans une poubelle par exemple)
* Masquage provisoire du contenu de la fenêtre lorsque l'affichage est trop lent durant les déplacements et redimensionnements
* Autoscroll ajouté pour "naviguer" dans d'immenses espaces de travail (32000 pixels de large et de long avec Opéra, encore plus sous Firefox)

Cette fenêtre n'a pas de zone de redimensionnement ni de zone de message, c'est fait exprès et ça peut être utile dans certains cas.

On ne peut pas la fermer non plus.

Par contre on peut l'ouvrir en de nombreux exemplaires.

Petite fenêtre.

Cette fenêtre est placée aux coordonnées 30000×30000 et on peut étendre l'espace de travail dynamiquement. Essayez de zoomer/dézoomer avec CTRL+, CTRL- et CTRL0 !

Explications:

L'objet ygwm contenu dans le fichier JavaScript contient toute la machinerie nécessaire (variables et fonctions) pour faire fonctionner les fenêtres.

Les fenêtres sont placées dans le DOM dans un ordre particulier afin d'obtenir un recouvrement donné. Attention, le code HTML doit définir leur place dans le même ordre que le code JS de création de fenêtres, pour éviter un effet de bord désagréable de focus des fenêtres.

Le contenu des fenêtres peut être soit
- vide (argument "none"),
- un autre élément (donné en argument au lieu de "none"),
- l'élément donné par l'argument de place (argument null)
Donc une fenêtre peut être créée avant ou après la création de son contenu.

Les DIVs des fenêtres contiennent aussi des variables et des fonctions privées, suffisantes au fonctionnement de chaque fenêtre. Donc c'est un "modèle objet" mais l'objet est fondu avec le DIV, pas besoin de conserver l'objet créé dans une variable (il reste dans le DOM).

Les fenêtres peuvent avoir leur chapeau et/ou leur pied désactivé à la création. Cela rend la fenêtre non redimensionnable et/ou indéplaçable, pour des messages d'erreur par exemple. On peut aussi empêcher la fenêtre d'être effacée normalement.

 yasep/ygwm/ygwm.html : example page
  for using YGWM and the optional features
 created Thu Feb  5 11:58:26 CET 2009 by whygee@f-cpu.org
 version jeu. sept. 22 16:51:48 CEST 2011
 version jeu. mai 10 06:58:45 CEST 2012
 version jeu. nov.  8 10:51:21 CET 2012 : cookie fix

Thanks to the people who helped me make this code better, including Laura, Milhouse and Stéphane Moriaux

You too can have your name in this window by sending me patches and/or finding bugs !

You can see a "barebone" demo at ygwm-mini.html.