window.open |
Ouvrir fenêtre |
---|---|
JavaScript |
Syntaxe
function open(url [, nom] [, options]) |
Paramètres
Nom | Description |
---|---|
url | Ce paramètre permet d'indiquer l'adresse URL à ouvrir. |
nom | Ce paramètre permet d'indiquer le nom de la fenêtre. |
options | Ce paramètre permet d'indiquer les options d'ouverture de la fenêtre. |
Description
Cette méthode permet d'ouvrir une sous-fenêtre (POPUP).
Remarques
- La plupart des navigateurs actuel bloque automatiquement les sous-fenêtres (POPUP) s'il ne s'agit pas d'un site de confiance.
- Cette méthode est une forme d'automatisation de la balise HTML «<A HREF TARGET="_BLANK" ...>» en utilisant le JavaScript, sauf qu'à la différence de la balise, elle peut être influencé par le comportement d'un «Popup Blocker».
- La seule façon d'ouvrir un nouvel URL sans être bloqué par un «PopUp Blocker» c'est lorsqu'on est dans le résultat (success) d'un appel «sychronous» AJAX ou dans un événement non-UI. De plus, il faut que l'appel AJAX soit effectué sur le même adresse de domaine que votre URL. Voici un exemple de son utilisation avec jQuery :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
- <head>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
- <script language="JavaScript1.2" type="text/javascript">
- jQuery(function($) {
- jQuery("#monBouton").click(function(evenement) {
- evenement.preventDefault();
- jQuery.ajax({
- async : false,
- dataType : "json",
- url : "http://www.gladir.com/CODER/JAVASCRIPT/data.txt",
- success : function() { window.open("http://www.gladir.com/CODER/"); }
- });
- });
- });
- </script>
- </head>
- <body>
- <input type="button" id="monBouton" value="Cliquer pour obtenir une sous-fenêtre">
- </body>
- </html>
on obtiendra le résultat suivant :
Exemple
Voici un exemple montrant une utilisation de cet opérande :
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
- <head>
- </head>
- <body>
- <input type="button" id="monBouton" value="Cliquer pour obtenir une sous-fenêtre" onclick='window.open("http://www.gladir.com/CODER/");' />
- </body>
- </html>
on obtiendra le résultat suivant :
Dernière mise à jour : Mardi, le 28 juillet 2015