Pop-up

Les pop-up désignent habituellement des pages qui s'ouvrent dans une nouvelle fenêtre du navigateur. Cependant, devant la multiplication des logiciels anti-publicitaires (intégrés au navigateur ou sous forme de modules externes), de nouvelles techniques sont utilisées pour contourner Ces protections, notamment des intrusions en DHTML au sein même de la page web (lightbox).

En anglais, on fait la distinction entre les pop-ups, qui s'ouvrent au-dessus du navigateur parent, et les pop-unders, qui s'ouvrent au-dessous, ce qui les rend moins intrusives.

Ces fenêtres intrusives peuvent aussi provoquer le téléchargement de fichiers, masqué sous celui d'autres fichiers. Certains peuvent s'ouvrir automatiquement et entraîner des actions non sollicitées, et donc à l'insu de l'utilisateur.

Les fenêtres modales s'ouvrent au-dessus de l'application et ne permettent pas à l'utilisateur d'interagir avec la fenêtre d'application située « en dessous » (fenêtre à l'origine de l'ouverture de la pop-up), tant que la pop-up reste ouverte.

En JavaScript (sous Internet Explorer), on peut ouvrir une pop-up modale avec le code suivant :

window.showModalDialog(url , winParams, props);

Les fenêtres non modales s'ouvrent au-dessus de l'application mais permettent à l'utilisateur de continuer à interagir avec la fenêtre d'application située « en dessous », sans avoir nécessairement à fermer la pop-up.

En JavaScript (sous Internet Explorer / Edge), on peut ouvrir une pop-up non modale avec le code suivant :

window.open(url , titre, paramètres);

Ces deux types de fenêtre ont des propriétés différentes en ce qui concerne leur taille et leur position. La pop-up non modale dispose d'une référence à la fenêtre appelante, opener, qui n'existe pas dans le cas modal. On peut contourner ce manque en passant en paramètre à la pop-up modale une référence de la fenêtre appelante : this ou window, comme dans l'exemple suivant :

window.showModalDialog(url , window, props);

Dans le script de la pop-up, on peut en suite récupérer cette référence dans les dialogArguments :

if (window.dialogArguments) { window.opener = window.dialogArguments; }

L'ouverture d'un lien dans une nouvelle fenêtre est problématique pour l'accessibilité lorsqu'elle ne peut pas être anticipée par l'utilisateur[5] : elle provoque alors un changement de contexte de navigation qui peut le désorienter. Ainsi, l'ouverture de cette nouvelle fenêtre et l'impossibilité de revenir à la page précédente via l'historique du navigateur pourront être difficilement perceptibles pour l'utilisateur d'un lecteur d'écran.

Des logiciels séparés ont d'abord été développés pour bloquer les fenêtres intruses.

Dans les navigateurs récents (Microsoft Edge, Firefox, Opera, Safari, etc.), cette protection contre ces fenêtres intruses est intégrée et paramétrable.

Il arrivait quelquefois que les internautes ne parviennent pas à visiter la page voulue quand celle-ci se présentait comme une fenêtre intruse. Les navigateurs savent maintenant prévenir l'internaute et lui donner les moyens de l'ouvrir d'un simple clic.

Un livre animé est aussi appelé pop-up.