|
La richesse des popups ne s'arrête pas là. Cette page permet d'aller plus loin dans leur gestion.
Popup à l'ouverture/fermeture d'une page
Popup tout en javascript
Fermer un popup
Popups multiples ayant le même nom
Popup centré
Popup toujours visible
Communiquer avec la fenêtre appelante
Popup à l'ouverture/Fermeture d'une page
Pour ouvrir un popup à l'ouverture d'une page, ajoutez dans la balise <BODY> l'événement :
<BODY onLoad="OuvrirPopup('page.html','nom','options...')">
De la même manière, pour ouvrir un popup à la fermeture de la page, remplacer l'événement onload par onunload.
Créer un popup tout en javascript
Il est possible de créer un popup sans utiliser une page pré-existante mais simplement en la générant depuis la page appelante, via du javascript.
Voici un exemple :
Vous pouvez télécharger ce script.
Fermer un popup
Il peut être utile de pouvoir fermer un popup depuis la page qui l'a généré. Pour cela, il est nécessaire de conserver dans une variable globale le resultat de l'ouverture du popup par window.open.
Voici un exemple : ouvrir le popup | fermer le popup
Le code javascript est ici :
<SCRIPT language="javascript">
var w;
function Ouvrir() {
w=window.open("popup.html","pop1","width=200,height=200");
}
function Fermer() {
if (w.document) { w.close(); }
}
</SCRIPT>
La première ligne var w déclare la variable globale.
Dans la fonction Ouvrir, w reçoit le résultat de window.open.
Dans la fonction Fermer, on teste si w est bien un objet de type window; si oui, on ferme le popup avec la méthode close().
Popups multiples ayant le même nom
Vous avez peut être remarqué qu'un popup qui s'ouvre dans un popup de même nom déjà ouvert reste caché. Voici la solution pour replacer le popup en premier plan.
Ouvrir un popup qui réapparaît au premier plan
Voici le code source :
function OuvrirVisible() {
var w=window.open("popup.html","pop1","width=200,height=200");
w.document.close();
w.focus();
}
Le principe est donc de rendre le focus à la fenêtre après son ouverture.
Centrer un popup
Voici comment centrer un popup
Ce lien ouvre un popup centré de 300 par 150 pixels
Vous pouvez télécharger le script.
Popup toujours visible
Pour forcer le popup a rester toujours visible, il suffit d'ajouter ce code dans la balise <BODY> de la page du popup :
onblur="window.focus()"
La seule solution pour s'en débarrasser est de le fermer complètement.
Cliquez pour voir le résultat d'un popup toujours visible
Communiquer avec la fenêtre appelante
Depuis le popup il est possible d'atteindre l'objet window de la fenêtre appelante grâce à window.opener. On peut ainsi modifier le contenu de la fenêtre appelante ou récupérer des informations du popup pour les replacer dans un formulaire de la fenêtre appelante.
Cet exemple permet de placer la sélection dans le champ choix du formulaire origine.
Lister tous les scripts de popup
<< PAGE PRECEDENTE : Les bases des popup
| 
