Bouton pop-up dans la barre de navigation

par PierPolJak Mar 31 Aoû 2010 - 11:01

Bonjour

Je ne savais pas trop comment nommer ce sujet...

Voilà ma demande, j'ai suivi ce tuto pour mettre de la musique sur mon forum via une fenetre pop-up. Jusque là pas de soucis j'ai pris un lecteur test, j'ai pris un bouton test et tout fonctionne correctement avec le bouton en haut du forum. Ce que j'aimerai c'est mettre ce bouton dans la barre de navigation maintenant afin que cela fasse moins "tache" et c'est la que je bloque. J'ai crée un bouton "Musique" en prenant l'image du bouton "Gallerie" et en bidouillant un peu quand on clique sur ce bouton on arrive sur le lecteur test. Le problème c'est que ce n'est pas une pop-up du coup on ne peut plus visiter le forum et écouter de la musique en même temps.

Savez-vous quel code puis-je utiliser pour qu'en cliquant sur le bouton cela ouvre une pop-up ?

Voici les codes que j'ai fait en suivant le tuto :

Code:: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Musique</title> </head> <body bgcolor="black" style="margin:0 px;"> <div align="center"> <object width="180" height="220"><param name="movie" value="http://www.deezer.com/embed/player?pid=43158031&ap=0&ln=fr"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.deezer.com/embed/player?pid=43158031&ap=0&ln=fr" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="180" height="220"></embed></object><div id="dz_ref" style="font:9px Arial">Découvrez la playlist <a href="http://www.deezer.com/fr/music/playlist/ma liste-43158031" target="_blank">ma liste</a> avec <a href="http://www.deezer.com/fr/music/vegastar" target="_blank">Végastar</a></div> </div> </body> </html>

Code:: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>bouton</title> </head> <body style="margin:0px;"> <a href="#" onClick="window.open('http://nwotravian.dynamicbb.com/Musique-h1.htm','music','toolbar=0, location=0, directories=0, status=0, scrollbars=0, resizable=0, copyhistory=0, menuBar=0, width=180, height=220, left=300, top=50');return(false)" target="_blank"> <img src="http://2img.net/i/fa/highlight_steel/post.jpg" border="0"></a>

Code:: <iframe src="http://nwotravian.dynamicbb.com/Bouton-h2.htm" name="bouton" width="102" height="48" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

J'imagine qu'il faut faire un mix de ces codes mais je ne suis pas bon dans ce domaine ^^

Merci pour votre aide Wink

par Adam_sfp Mar 31 Aoû 2010 - 13:42

Bonjour
Ce n'est pas exactement votre demande mais le code suivant place votre image en haut à gauche et ouvre votre lecteur en pop up au clic (sans page html).

A coller dans message sur la page d'accueil ou un widget du portail.
:+html: Activé

Code:: <div style="position:absolute; left: 50px; top: 0px"><a onclick="window.open('http://www.deezer.com/embed/player?pid=43158031&ap=0&ln=fr','popup01','width=250, height=270,height=200,left,280,top=150,scrollbars=no');return false" href="http://www.deezer.com/" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"><img src="http://2img.net/i/fa/highlight_steel/post.jpg" border="0"></a></div>

Intervenir dans cette partie du code pour changer la position de l'image.

Code:: position:absolute; left: 50px; top: 0px

En changeant 50px et 0px par d'autres valeurs.

Cordialement.

par PierPolJak Mar 31 Aoû 2010 - 15:16

Pas mal du tout ton code Adam_sfp j'vais mettre une p'tite note de musique pour que ça fasse plus joli que le bouton test et ça sera niquel Wink

Par contre quand on ouvre la pop-up peut on lui donner un nom ? J'veux dire qu'il soit nommé "Musique" par exemple dans la barre des tâches ?

Merci beaucoup !!!

par PierPolJak Mer 1 Sep 2010 - 23:53

UP !!!

J'ai ajouté 2 p'tites notes de musique qui se fondent assez bien dans le décor avec 2 playlists différentes, il me manque juste la possibilité de nommer les pop-up si quelqu'un pouvait m'aider, merci Wink

par Adam_sfp Jeu 2 Sep 2010 - 22:05

Bonsoir

De mon coté je ne vois pas comment renommer les popup désolé...
Cordialement.

par PierPolJak Ven 3 Sep 2010 - 20:10

C'est pas grave, c'est dommage mais c'est pas dramatique, tant que ça fonctionne après tout ^^

Sinon il y a un moyen de choisir la place de la pop-up lorsqu'elle s'ouvre ? Un peu comme la façon de gérer la place des boutons ?

Merci Very Happy

par Adam_sfp Ven 3 Sep 2010 - 20:56

Bonsoir
Oui vous pouvez choisir l'emplacement.
je me rend compte en même temps d'une petite erreur dans le code.

Code:: <div style="position:absolute; left: 50px; top: 0px"><a onclick="window.open('http://www.deezer.com/embed/player?pid=43158031&ap=0&ln=fr','popup01','width=250, height=270,height=200,left=280,top=250,scrollbars=no');return false" href="http://www.deezer.com/" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always"><img src="http://2img.net/i/fa/highlight_steel/post.jpg" border="0"></a></div>

il faut changer ces valeurs

Code:: left=280,top=250

Cordialement.

par PierPolJak Sam 4 Sep 2010 - 12:25

Bonjour

Je n'ai pas vu l'erreur mais j'ai changé le code avec celui que tu as remis tout de même on ne sait jamais ^^

Merci pour la position de la pop-up ça fait mieux maintenant et grand merci pour tout l'reste j'pense que j'ai fini de vous embeter sur ce sujet Wink

par Adam_sfp Sam 4 Sep 2010 - 14:50

Bouton pop-up dans la barre de navigation Proces11

Bonjour,

Lorsqu'un sujet est résolu:
- Cliquez sur le bouton de votre premier message du sujet,
- Cochez en dessous de la zone de message

- Enfin validez avec le bouton .

Pour remercier ceux qui vous ont aidés vous pouvez cliquer sur

A bientôt sur ForumActif