Index du Forum

communauté marocaine des utilisateurs de backtrack
 
 Index du ForumFAQRechercherS’enregistrerConnexion
:: Créer une fenêtre popup en javascript ::

 
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Outils, codes et astuces -> Tutos et Howto
Sujet précédent :: Sujet suivant  
Auteur Message
skyme


Hors ligne

Inscrit le: 10 Mai 2012
Messages: 44
Localisation: france

MessagePosté le: Ven 24 Aoû - 10:25 (2012)    Sujet du message: Créer une fenêtre popup en javascript Répondre en citant

Fenêtre popup en javascript


Bonjour à tous, ce tuto n'est pas de moi mais je le trouvais suffisamment intéressant pour le partager ici    :                           


Voici un exemple simple pour ouvrir une fenêtre popup en javascript.
Elles sont souvent utilisées pour afficher un message court, ou de la publicité.
Les internautes n’aiment pas trop voir s’afficher une fenêtre popup, il vaut donc mieux limiter leur utilisation.  
 
Pour créer une popup, on utilise la méthode open() associé à l’objet window.
La méthode open accepte 3 paramètres sous forme de chaînes de caractères. 
 
1. L’adresse URL de la page que l’on veut ouvrir dans cette fenêtre.
2. Le nom (interne) que l’on veut associer à cette fenêtre et qui pourra être utilisé comme TARGET pour des liens hypertextes ou des soumissions de formulaires par exemples.
3. Une chaîne de caractères définissant les caractéristiques d’affichage de cette fenêtre. 
 
Cette chaîne de caractères accepte les éléments suivants (séparés par des virgules) :










toolbar = yes | no 


cet élément affichera la barre d’outils s’il est placé à la valeur yes ,
location = yes | no 


affichera la barre d’adresse s’il est placé à la valeur yes,
directories = yes | no 


affichera la barre d’outils personnels ou la barre de liens s’il est placé à la valeur yes,
status = yes | no 


affichera la barre de statut s’il est placé à la valeur yes,
menubar = yes | no 


affichera la barre de menus s’il est placé à la valeur yes,
scrollbars = yes | no 


affichera les barres de défilement s’il est placé à la valeur yes ;
resizable = yes | no 


interdit de redimensionner la fenêtre s’il est placé à no,
width 


indique la largeur de la fenêtre en pixels,
height 


indique la hauteur de la fenêtre en pixels,
top 


indique le positionnement vertical de la fenêtre en pixels,
left 


indique le positionnement horizontal de la fenêtre en pixels,

Voici  le script qui ouvre une fenêtre popup :

Citation:

<SCRIPT LANGUAGE="JavaScript">
<!--
window.open ('fenetre_popup.html')
-->
</SCRIPT>





Voici un script plus élaboré qui permet de choisir les paramètres d’affichage de la fenêtre popup.

Citation:

<SCRIPT LANGUAGE="JavaScript">
<!--
window.open ('fenetre_popup.html', 'nom_interne_de_la_fenetre', config='height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
-->
</SCRIPT>







Voici le même script transformé en fonction avec comme paramètres le nom de la fenêtre popup et son nom interne.

Voici la partie à mettre entre les balises <head> </head>


Citation:

<SCRIPT LANGUAGE="JavaScript">
<!—
function affichage_popup(nom_de_la_page, nom_interne_de_la_fenetre)
{
window.open (nom_de_la_page, nom_interne_de_la_fenetre, config='height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no')
}
-->
</SCRIPT>






Et le code pour demander l’affichage, à mettre dans entre les balises <body> </body>.

On veut ouvrir la fenêtre "fenetre_popup.html" et lui donner comme nom interne « popup_1 ».  
 Ouvrir une fenêtre popup




Citation:
Ouvrir une fenêtre popup




Petit plus : Pour créer un bouton pour fermer la fenêtre popup (ou tout autre fenêtre), placez le code suivant dans le source de la fenêtre (ici fenetre_popup.htm) :

Citation:

<FORM>
<INPUT TYPE="BUTTON" VALUE="Fermer la fenêtre" ONCLICK="window.close()">
</FORM>







 




 

_________________
La différence entre Linux et Windows, c'est que Linux c'est comme une belle fille, il faut l'apprivoiser, la comprendre, la séduire tandis que Windows, c'est comme une prostitué, il faut payer et surtout bien se protéger.

Skyme


Revenir en haut
Publicité






MessagePosté le: Ven 24 Aoû - 10:25 (2012)    Sujet du message: Publicité

PublicitéSupprimer les publicités ?
Revenir en haut
skyme


Hors ligne

Inscrit le: 10 Mai 2012
Messages: 44
Localisation: france

MessagePosté le: Ven 24 Aoû - 10:39 (2012)    Sujet du message: Créer une fenêtre popup en javascript Répondre en citant

Et le code pour demander l’affichage, à mettre dans entre les balises <body> </body>.

On veut ouvrir la fenêtre "fenetre_popup.html" et lui donner comme nom interne « popup_1 ».  


 >Ouvrir une fenêtre popup<




<(A HREF="javascript:affichage_popup('fenetre_popup.html','popup_1');">Ouvrir une fenêtre popup</A)>




Retirer les () de debut et fin 


_________________
La différence entre Linux et Windows, c'est que Linux c'est comme une belle fille, il faut l'apprivoiser, la comprendre, la séduire tandis que Windows, c'est comme une prostitué, il faut payer et surtout bien se protéger.

Skyme


Revenir en haut
Contenu Sponsorisé






MessagePosté le: Aujourd’hui à 20:25 (2017)    Sujet du message: Créer une fenêtre popup en javascript

Revenir en haut
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet     Index du Forum -> Outils, codes et astuces -> Tutos et Howto Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 
Sauter vers:  

Index | Panneau d’administration | forum gratuit | Forum gratuit d’entraide | Annuaire des forums gratuits | Signaler une violation | Conditions générales d'utilisation

© Alien 2012