Version complète: sur le forum Webmaster Hub : Help : coder un popup
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > Asp, Java, Cfm, autres.
Sebastien
J'ai mis en place le player radioblog sur mon site à l'url suivante, pour jouer mes propres morceaux : http://s.billard.free.fr/radio.blog/

J'aimerais dans ma page productions musicales mettre un lien qui ouvrirait un popup de 222*300 pixels, contenant le player ... je fais comment?
Titag
Voici une petite fonction javascript :
CODE
function pop(url,w,h) {
  var t,l;      
  l=(screen.width-w)/2;
  t=(screen.height-h)/2;
  a=window.open(url, 'p', 'top='+t+',left='+l+',resizable=no, width='+w+',height='+h);
}


Que tu appelles en faisant :
CODE
<a href="javascript:pop('URL_DE_LA_PAGE', largeur, hauteur)">Lien</a>
Sebastien
Je viens de faire un essai avec la version de popup Openweb (http://openweb.eu.org/articles/popup/) maisle lien m'amene vers ma page sans ouvrit de popup alors que j'ai javascript activé... qu'est ce qui va pas dans ma syntaxe?

J'aimerais autant que tout soit dans le corps de ma page car j'utilise dotclear en mode xhtml
Sebastien
J'avais raté un guillemet... pouvez vous me dire si tout fonctionne desormais? (mon **** de proxy m'affiche l'ancienne version)
Titag
C'est quel lien ?
Titag
Pardon j'avais pas vu sad.gif
Titag
C'est normal que ca t'amène sur l'index (regarde le href)

Essaye :
CODE
<a href="javascript:window.open('http://s.billard.free.fr/radio.blog/index.php', 'Food for Sight Radio', 'height=300, width=200, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false;">Cliquez ici pour ouvrir le player radioblog</a>
Sebastien
Mais dans ce cas c'est moins accessible car il y a plus de lien html classique?
petit-ourson
Ca marche de mon côté avec Firefox 0.9 et des poussières.
Sebastien
Ca ouvre bien le popup en 300*222? Mon code est celui ci :

CODE
<a href="http://s.billard.free.fr/radio.blog/index.php" onclick="window.open(this.href, 'Food for Sight Radio', 'height=300, width=222, toolbar=no, menubar=no, location=no, resizable=no, scrollbars=no, status=no'); return false;">Cliquez ici pour ouvrir le player radioblog</a>
petit-ourson
Ca ouvre une popup de la taille du lecteur en tout cas. Par contre, le nom de ta popup ('Food for Sight Radio') est pas un peu long.

Je ne suis pas sur que ce soit pratique un tel nom. ;o)
Gribouille26
Salut,

Chez moi, pas de pop-ûp, mais une vraie page avec le radioblog en haut à gauche... sad.gif
Sur IE 5.5...
Titag
Chez moi ca va sur le player mais dans la même fenetre...
Sebastien
Tu a peut etre raison... j'a mis "FS Radio". Ce qui est bizarre c'est que chez moi le popup s'affiche sous NS 7.01 mais pas sous IE6 blink.gif
Titag
Ca doit venir du "this.href" peut-etre non ? Sous IE, ca balance une erreur : Argument non valide

Mets une url complète et ca va marcher...
Sebastien
Ca change rien apparament sad.gif
petit-ourson
Etrange tient, ca fonctionne si on passe par une fonction exterieur en tout cas.
Titag
Oui, essaye avec la fonction que j'ai donné plus haut...

onclick="pop(...
Sebastien
Bon j'ai finalement trouvé cette solution qui semble marcher. Ca va pour vous?
Merci à tous de votre aide smile.gif

CODE
<a href="http://s.billard.free.fr/radio.blog/index.php" onclick="window.open(this.href, '_blank', 'resizable=0, location=0, toolbar=0, scrollbars=0, height=300, width=222'); return false;" title="Popup FS Radio">Cliquez ici pour ouvrir le player radioblog</a>
Titag
Ca marche smile.gif
Gribouille26
Je confirme que ça marche pour moi aussi!! :up:
C'est bizarre car normalement, j'ai un anti pop-up.... huh.gif

Et j'en profite pour te demander des explications sur ce RadioBlog... leur site est en anglais et... i'm so frenchy... whistling.gif
Sebastien
L'anti popup bloque les popup intrusifs, mais là tu a cliqué sur un lien, ce qui veut dire que tu a voulu l'affichage du popup. Il serait donc idiot de la bloquer.

Concernant radioblog c'est archi simple, il suffit de telecharger l'appli, et d'uploader quelques fichiers sur le serveur. Tu dois ensuite encoder tes mp3 dans un format propre a radioblog et les placer dans un repertoir specifique. L'appli cree alors la playlist. La customization est simple, quelques valeurs a changer dans un fichier xml.
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.