DOMAssistant-windOpener : le pseudo-fenêtrage léger...
Ouvrir une page complète dans le seul but de permettre à un utilisateur de se connecter à son compte, ça fait beaucoup de place perdue ; placer la page dans une nouvelle fenêtre n'est pas très élégant...
Thickbox proposait déjà une solution basée sur JQuery pour afficher une page dans un pseudo-fenêtrage via ajax ou en iFrame, ou encore d'afficher dans une fenêtre modale des contenus spécifiques (comme une image seule ou une galerie) mais seule la solution iFrame de Thickbox m'intéressait et je trouvais dommage d'alourdir mes pages avec un script disproportionné par rapport à l'usage que j'en aurais.
Par ailleurs, j'utilise désormais la plupart du temps la librairie DOMAssistant aux sites que je crée. Il m'aurait donc fallu intégrer également Jquery, qui propose pourtant des fonctionnalités très similaires : je n'aime guère la redondance...
Voici donc le plugin windOpener pour DOMAssistant...
L'usage en est très simple :
- Créez un lien html vers une page web
- Ajoutez-lui la classe CSS dawin
- Ajoutez également à l'url les arguments width et height correspondant à la largeur et à la hauteur de la fenêtre dans laquelle le lien devra s'ouvrir
windOpener s'occupe du reste.
Fonctionnalités particulières :
- Vérifie la taille utilisable de la fenêtre avant d'en fixer les dimensions (évite l'affichage d'une fenêtre trop grande par rapport à l'écran du visiteur)
- vérifie l'existence d'applications Flash et les masque avant de lancer l'affichage
- Désactive le scroll (à mon sens agaçant) sur la « page-mère »
Tester windOpener
Vous pouvez tester le plugin sur cette page.
Téléchargement du plugin
Labo