Erreur ouverture page avec javascript:window.open

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:

---

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é

Citation:

---

[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

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:

---

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:

---

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

---

Et dans le script :

Code:

---

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.