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 10379 fois

Prévisualiser Imprimer l'article

Réactions à cet article

Réaction n°7

par Isa le 29/07/2005 @ 14:50

Bonjour Clotilde !

Je voulais juste préciser qu'il existe un code d'ouverture de pop up déjà inclus dans GuppY (fonction PopupWindow) et qu'il peut être utile de l'utiliser - c'est ce que je fais sur mon site. Pour encore me faciliter la tâche, j'ai fabriqué un générateur automatique de code, qui utilise la fonction native de GuppY et en plus respecte les recommandations du W3C en matière d'accessibilité.

Mon générateur de pop up "spécial GuppY" est disponible ici :
http://www.saute-mouton.org/pages/popupmaker.php?lng=fr
Je le proposerai sans doute en téléchargement pour les GuppYstes qui voudraient l'installer sur leur site pour l'utiliser plus commodément.

J'aime beaucoup les couleurs de ta nouvelle skin, très caressantes à l'oeil wink

Bises,

Isa

Réaction n°6

par Mcdunia le 29/03/2005 @ 21:38

Bonjour,

Je veux seulement te féliciter et te remercier pour le tuto. C'est reussi. Il est mieux que de mettre script dans le head. on peut l'adapter sur chaque lien sur une même page. Bravo!

Réaction n°5

par Clo le 22/03/2005 @ 23:03

Ce tuto est à jour...enfin..!

cool

Réaction n°5

par Dunia le 04/02/2005 @ 13:06

Bonjour Clo,

J'ai enlevé le "input" et " value" pour faire un truc de ce genre <A onclick="window.open('http://www.dunia-online.com/file/parabole.html','exemple','toolbar=0, location=0, directories=0, status=0, scrollbars=1, resizable=1, copyhistory=0, menuBar=0, left=0, top=0');return(false)"> Plus d'info cliquez ici</A>, ca marche, mais...

Si tu veux voir et essayer de me conseiller en plus, va sur http://www.dunia-online.com/articles.php?lng=fr&pg=54 et cliquez sur (plus d'info cliquez ici).

Je compte sur toi.

Réaction n°4

par Clotilde le 04/02/2005 @ 03:24

Allo McDunia,

mon article est en cours d'élaboration. J'attendais la mise à jour du plugin Head+ pour la V4 afin de proposer d'autres possibilité de création et d'ouverture de pop up.

Le plus simple pour toi, c'est d'aller jeter un oeil sur l'article "Générateurs" où tu trouveras des liens vers des générateurs de scripts pour pop up de toutes sortes.

Merci pour ton passage!

Clotilde