Chez Clo! - Utile - Tuto PopUp

Image

Cliquer

Sommaire

De vous à moi

Déplier Fermer Hall of Fame

Déplier Fermer Me Myself and I

Déplier Fermer Pour vous...

Adoption

[ Cliquez ici pour les voir ]

Détente

Musique
¤ Radio-Aspic
¤ Radio-OuestHainaut
Jeux
¤ Adresse
¤ Devinette
¤ Dessiner
¤ Réflexion
¤ Stratégie
Tests
¤ Illusions
¤ Test de mémoire
¤ État d'esprit
¤ La vérité

Diaporamas

¤ Deux choix

¤ Imagine

E-messenger

Visites

visiteurs

visiteur en ligne

Utile - Tuto PopUp

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.

Date de création : 01/01/2005 @ 20:28
Dernière modification : 22/03/2005 @ 22:58
Catégorie : Utile
Page lue 10384 fois

Prévisualiser Imprimer l'article

Réactions à cet article

Réaction n°3	par Mcdunia le 03/02/2005 @ 21:45
Merci pour ce tuto, mais si je ne souhaite pas qu'il y est de bouton càd sans le input, comment faire?