Chez Clo!

http://chezclo.free.fr/

Tuto PopUp (Utile)

Voici quelques explications pour créer des pop up pour votre site dont certaines spécifiques aux sites sous Guppy.

 
Ci-dessous, une première possibilité avec un bouton d'ouverture à placer dans une boite ou un article de votre site. Le code à insérer est le suivant:
 

INPUT onclick="window.open('http://votresite.com/dossier/','exemple','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, width=300, height=500, left=0, top=0');return(false)" type=submit value="nom du bouton">

 

N'oubliez pas d'ajouter un signe inférieur "<" juste avant INPUT afin que le code soit fonctionnel et de changer l'adresse où est hébergée le contenu de votre popup par l'url correspondante.
 

Toutes les variables sont modifiables. A vous de choisir et de remplir les champs. Le chiffre 1 correspond à "oui", le chiffre 0 à "non".
 

toolbar=0 //barre d' outil
location=0 //barre d' adresse
directories=0 // dossiers
status=0 //barre de statut
scrollbars=1 //flêches ascenseur
resizable=1 //redimensionnable
copyhistory=0 //précédentes et suivantes
menuBar=0 // barre de menu
width=810 //largeur
height=500 //hauteur
left=100 // l' espace horizontal
top=100 // l' espace vertical
 

Et voici le résultat:


 

Et si vous ne souhaitez pas de bouton, mais simplement un lien, voici le code: 

A onclick="window.open ('','popup','width=550,height=340,top=0,left=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,copyhistory=0,resizable=1')" href="http://chezclo.free.fr/pages/clotilde.html" target=popup>Ouverture avec lien</A>

Là aussi n'oublier pas de rajouter un signe inférieur "<" devant le A afin que le code soit opérationnel.

Vous pouvez également ajouter les variables et les paramétrer tel qu'évoqué plus haut.

Voici le résultat:
 

Ouverture avec lien

 

Il est aussi possible de générer des popup grâce à des plugins conçus pour Guppy. Il en existe deux à ma connaissance: le plugin PopUp et le plugin Head+ V2. Tous les deux son téléchargeable sur GuppyLand.

Le plugin Pop-UP ouvre une nouvelle fenêtre de navigation qui affichera l'url de votre choix à chaque arrivée d'un visiteur sur la page d'accueil de votre site.

Le plugin Head+ permet d'insérer dans le fichier hpage de votre dossier inc, via l'interface de l'administration du site et du plugin, un script pour générer une pop-up qui s'ouvre en fonction des paramêtres indiqués.

Dans les deux cas, si vous souhaitez afficher un contenu bien spécifique, propre à votre site, il vous faut créer une page html avec le contenu désiré. C'est cette page que vous aurez téléchargée sur votre espace d'hébergement ou dont vous aurez indiqué l'URL du lieu d'hébergement, qui s'affichera dans la pop-up.
 
Il vous est possible de trouver des scripts paramétrables sur internet, grâce à des générateurs en ligne. Voir pour ce faire l'article "Générateurs".
 
 
 

Merci à Sbibou pour le code d'ouverture avec bouton.

Merci à Ghazette pourle code d'ouverture avec lien.