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.