Ici & Là

01 Société 02 Histoire 03 Science 04 Science fiction 05 SPIP 06 NTIC 07 Sondages 08 Divers
La meilleure façon de réaliser ses rêves est de se réveiller (Paul Valéry)

Accueil > NTIC > Ergonomie > Navigation : liens, TagClouds, Iframe, PoPup, ... > POPUP en utilisant html et javascript

POPUP en utilisant html et javascript

vendredi 20 mai 2016, par François Daniel Giezendanner

Notez cet article
0 vote

Gestionnaire de spip-popup

Il est clair que les fameuses fenêtres popup ne sont pas recommandables...
Mais on en a souvent besoin tout de même, pour renvoyer vers des conditions d’utilisation, une définition de mot etc, sans quitter la page courante.

Cette démarche HTML + Javascript propose la gestion d’une fenêtre popup unique, accessible et « bien gérée » pour SPIP.

 Attention : Préliminaire

Pour que cette fonction POPUP (html et javascript) puisse fonctionner il faut désactiver la Lame « Liens externes » du « Couteau suisse » :

Liens spip_out ouvrants : Plugin « Liens explicites » de Tetue et Gaël Chareyre ou « Lame Liens externes du Couteau suisse » ou « Plugin d’ARNO »


 Une nouvelle fenêtre popup dimensionnée

Nous souhaitons ouvrir une nouvelle fenêtre du navigateur avec :
Lien  : http://ozoneasylum.com
Texte du lien  : POPUP : Réponse de JKMabry à la question de Nat
Largeur = 500 px
Hauteur = 400 px
Réglages  : Avec scrollbar et redimensionnable

A cette fin, écrivez simplement :

Voici le résultat :

POPUP : Réponse de JKMabry à la question de Nat


 Une 2ème fenêtre popup dimensionnée et positionnée

Nous souhaitons ouvrir une nouvelle fenêtre du navigateur avec :
Lien  : http://ozoneasylum.com
Texte du lien  : POPUP : Réponse de Reitsma à la question de Nat et de Inri
Largeur = 500 px
Hauteur = 400 px
Position x = 200 px
Position y = 100 px
Réglages  : Avec scrollbar et redimensionnable

A cette fin, écrivez simplement :

Voici le résultat :

POPUP : Réponse de Reitsma à la question de Nat et de Inri

Source ozoneasylum : http://www.ozoneasylum.com/9598


 Une 3ème fenêtre popup dimensionnée plus grande et positionnée

Nous souhaitons ouvrir une nouvelle fenêtre du navigateur avec :
Lien  : http://www.spip.net/fr_rubrique91.html
Texte du lien  : POPUP : Réponse de Reitsma à la question de Nat et de Inri
Largeur = 1000 px
Hauteur = 800 px
Position x = 50 px
Position y = 30 px
Réglages  : Avec scrollbar et redimensionnable

A cette fin, écrivez simplement :

Voici le résultat :

POPUP : Site SPIP de référence


 Webographie

  • #POPUP : une popup propre pour SPIP
    12 septembre 2010 – par PieroWbmstr
    Gestionnaire de spip-popup
    Il est clair que les fameuses fenêtres popup ne sont pas recommandables...
    Mais on en a souvent besoin tout de même, pour renvoyer vers des conditions d’utilisation, une définition de mot etc, sans quitter la page courante.
    Ce plugin propose la gestion d’une fenêtre popup unique, accessible et « bien gérée » pour SPIP.
    http://contrib.spip.net/POPUP-une-popup-propre-pour-SPIP
    http://plugins.spip.net/spipopup.html
  • Raccourci typographique pour lancer une popup.
    Voici un raccourci typographique pour créer un lien vers une popup centrée.
    3 décembre 2006 – par Philippe Multeau
    Voici une petite contrib (ma première, je débute un peu) qui permet de lancer directement depuis un article une popup centrée, grace à un raccourci typographique, un modèle et un tout petit peu de javascript dans le squelette.
    Je voulais pouvoir lancer des popup à partir de liens dans le corps d’un article.
    http://contrib.spip.net/Raccourci-typographique-pour