Ouvrir une url à l'ouverture du site

Version imprimable

19/12/2017, 23h04
laurentSc

Ouvrir une url à l'ouverture du site
Bonsoir,

je souhaite à l'ouverture du site ouvrir une fenêtre popup contenant un certain site. Pour mettre cela au point, je cherche tout simplement à ouvrir Google à l'ouverture du site. Voici mon code, mais Google ne s'ouvre pas :(
Code HTML + JS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 <head> <script> function res_vhs() { window.open("https://www.google.fr/","google"); } window.open="res_vhs"; </script> </head> <body > ... </body>

Bonjour,

Un exemple de solution :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html>
  <head>
    <script>
      function ouvrir_fenetre() {
        URL = "https://www.google.fr/";
        largeur = "500";
        hauteur = "300";
        pos_x = (screen.width-largeur)/2;
        pos_y = (screen.height-hauteur)/2.5;
        parametres = 'width='+largeur+',height='+hauteur+',left='+pos_x+',top='+pos_y;
        parametres += ',menubar=no,toolbar=no,directories=no,location=no,status=no,scrollbars=yes';
        ma_fenetre = window.open(URL, "identifiant", parametres);
      }
      function fermer_fenetre() {
        ma_fenetre.close();
      }
      onload = ouvrir_fenetre();
    </script>
  </head>
  <body>
    ...
  </body>
</html>

20/12/2017, 15h07
Watilin

Bonjour,

je voudrais compléter la réponse d’eleydet. Mais je ne pourrais pas donner de meilleure explication que l’article window.open du MDN, donc je vais me contenter de donner le lien. Attention à une chose en particulier : le choix d’autoriser la popup ou non appartient à l’utilisateur au final, et window.open peut retourner null en cas de bloquage. L’article explique pourquoi et comment gérer ce cas (paragraphe « bonnes pratiques »).

Sinon, LaurentSc, tu as simplement un problème de syntaxe à cette ligne :

Code:

window.open="res_vhs";

En faisant window.open= tu écrases la fonction open. Et la chaîne "res_vhs" n’est pas la même chose que la fonction res_vhs.

Je ne sais pas exactement ce que tu as cherché à faire en écrivant cette ligne, mais d’une manière ou d’une autre, il faudra que tu appelles ta fonction res_vhs à un moment :

Code:

res_vhs();

Je termine sur un petit agacement : les gens ont trop souvent tendance à penser que Google est la page d’accueil d’Internet. Personnellement je n’utilise pas Google, et je n’apprécierais pas tellement qu’un site m’ouvre une fenêtre dessus sans m’avoir demandé la permission avant…
21/12/2017, 01h10
laurentSc
Merci pour vos réponses. Celle de eleydetv m'a ouvert les yeux ; j'avais pas utilisé onload :
Code:

1 2 3 4 5 function res_vhs() { window.open("https://www.google.fr/","google",""); } onload=res_vhs();
Citation:

Envoyé par Watilin

Je termine sur un petit agacement : les gens ont trop souvent tendance à penser que Google est la page d’accueil d’Internet. Personnellement je n’utilise pas Google, et je n’apprécierais pas tellement qu’un site m’ouvre une fenêtre dessus sans m’avoir demandé la permission avant…

ouvrir au démarrage n'est pas mon but ; je cherchais juste à mettre au point ma page en utilisant une URL très connue. Le but final est d'ouvrir au démarrage un flash info, qui sera régulièrement mis à jour.
21/12/2017, 10h24
eleydet

Bonjour,

J'ajoute mon grain de sel (polémique?) au commentaire instructif de Watilin.

La fonction window.open() permettait d'obtenir simplement une jolie fenêtre secondaire redimensionnable et repositionnable. Malheureusement, la possibilité de cacher la barre d'adresse a été supprimée il y a quelques années sur la plupart des navigateurs, rendant cette fenêtre peu élégante. Cette fonction a ainsi été remplacée par de nombreuses lignes de code.

Le bilan, de mon point de vue : De gros fichiers encombrant inutilement les réseaux.
21/12/2017, 12h37
Watilin
Citation:

Envoyé par eleydet

Cette fonction a ainsi été remplacée par de nombreuses lignes de code.

Je ne suis pas sûr de savoir de quoi tu parles. Est-ce que tu veux parler de ce joyeux écosystème de popup / popover / lightbox / modal / etc dont on mélange toujours les noms ? (Ce n’est pas ironique, moi-même je ne sais pas quel terme correspond à quoi.)
Citation:
Envoyé par laurentSc

Merci pour vos réponses. Celle de eleydetv m'a ouvert les yeux ; j'avais pas utilisé onload :

Code:

1 2 3 4 5 function res_vhs() { window.open("https://www.google.fr/","google",""); } onload=res_vhs();
Attention il y a un piège : quand tu passes une fonction à onload, tu dois passer sa référence, autrement dit son nom sans les parenthèses. Sinon elle est appelée à l’exécution du script, et c’est le résultat de l’appel à res_vhs() qui est affecté à onload (en l’occurence, undefined car il n’y a pas d’instruction return).

Donc la bonne façon de faire est :

Code:

onload = res_vhs;

Alternativement, tu peux utiliser un gestionnaire d’évènement. Je mets ça à titre informatif :

Code:

window.addEventListener("load", res_vhs);

Considère aussi l’emploi de DOMContentLoaded au lieu de load.
21/12/2017, 14h23
eleydet

Rebonjour,

En cliquant sur un bouton (par exemple), on veut obtenir une fenêtre secondaire redimensionnable et repositionnable, pour afficher une aide (par exemple). Beaucoup de développeurs n'utiliseront pas window.open() à cause de la présentation franchement peu élégante. Ils préfèreront, à la place, une solution volumineuse en lignes de code.
21/12/2017, 14h43
Watilin

À base de HTML donc, si j’ai bien compris.

Effectivement ça permet aux graphistes de travailler, là où une fenêtre ouverte par open ne permet rien du tout. Mais d’un point de vue accessibilité, on voit souvent des solutions qui ne sont pas du tout satisfaisantes. Personnellement, je questionne l’utilité même de open et des solutions de remplacement. Un lien avec un attribut target="_blank" est ce qui donne le plus de contrôle à l’utilisateur.