Discussion :

[gagouk]

Bonjour,

Pour un site internet j'ai du codage en PHP
Pour ouvrir une fenêtre popup qui correspond à un player webradio j'utilise le code suivant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div class="live_wrapper">
          <a href="javascript:window.open('http://monsite.com/direct/',null,'height=300,width=700,status=yes,toolbar=no,menubar=no,location=no');" style="color:(255,255,255,0.95);" class="live">Cliquez ici Pour Mon Site En Direct  </a>
        </div>

Sauf que, sous Mozilla Firefox, l'orsque l'on clique sur la zone en question la page d’accueil du site s'affiche en blanc avec marqué

[object windows] et dans la barre d'adresse il y a marqué "javascript:window.open('http://www.monsite.com/direct/',null,'height=300,width=700,status=yes,toolbar=no,menubar=no,location=no');

Le player s'ouvre sur une autre fenêtre.

Comment faire pour éviter que la page d’accueil disparaisse ?

Merci pour votre aide

[Watilin]

Salut,

le pseudo-protocole javascript: est déprécié. En clair, ça veut dire qu'il est déconseillé de faire des href qui commencent par javascript:.

Je ne sais pas si ton problème est lié à ça. Mais en tout cas, je te propose de séparer ton code JS de ton code HTML en utilisant un gestionnaire d'évènement. Tu peux en profiter également pour séparer le CSS.

Le code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<div class="live_wrapper">
  <a href="http://monsite.com/direct/" class="live" id="live-button">
    Cliquez ici pour mon site en direct
  </a>
</div>

Dans le CSS :

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

#live-button { color: rgba(255, 255, 255, 0.95); }

Et dans le script :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var $liveButton = document.querySelector('#live-button');
 
$liveButton.onclick = function (event) {
  event.preventDefault();
  window.open('http://monsite.com/direct/', null,
    'height=300,width=700,status=yes,toolbar=no,menubar=no,location=no');
};

Garde à l'esprit une chose importante : c'est l'utilisateur qui a le dernier mot sur la façon dont la popup s'affiche. S'il a paramétré son navigateur pour que, par exemple, la barre d'adresse s'affiche quand même, tu ne peux rien y faire.

Ce code est une version simplifiée de celui qu'on trouve sur la page window.open du MDN. Je te conseille de lire la page entière, elle explique pas mal de chose concernant cette technique, ses avantages et ses inconvénients.