Lancer une video avec ShadowBox sans cliquer sur le submit

Version imprimable

j'ai une interrogation sur Shadowbox (lightbox sachant lire de la video ) et sa capacité de lancer une video à partir d'un liste pop up.

Je souhaite lancer la video dont le chemin d'acces est mis dans l'atttribut "value" de la balise <option>

en 2 mots:
Code:

1 2 3 4 5 6 <select name="tuto" onchange="Shadowbox.open(... );"> <--- c'est là que je je sais pas quoi mettre ! <option value="le chemin de la video 1"> Video 1 </option> <option value="le chemin de la video 2"> Video 2 </option> <option value="le chemin de la video 3"> Video 3 </option> </select>
Je déroule la liste sur Video 2 et elle se lance à la mode Shadowbox
Est-ce possible ?

J'ai tenté cela :
Code:

1 2 <option value="le_chemin_de_la_video" onchange="Shadowbox.open(window.location.href = this.options[this.selectedIndex].value);">Video2 </option>
J'ai bien la video qui se lance mais sans l'effet de shadowBox

en reformulant la question differemment , comment signifier à Shadowbox dans le Onchange l'equivalent d'un:

Code:

<a href="le_chemin_de_la_video" rel="shadowbox" > Video 2 </a>

merci
de votre aide

french-petzouille

03/10/2008, 08h36
SpaceFrog

salut french-petzouille :mouarf3:
tu as mis un onchange dans l'option ???8O8O

le onchange doit rester dans le select et il te suffit de passer

Code:

this.value

en paramètre de la fonction

essye ça:

Code:

<select name="tuto" onchange="Shadowbox.open(this.value);"> <--- c'est là que je je sais pas quoi mettre !

quoique faut voir ce que shadowbox fait avec le rel ....
03/10/2008, 08h58
french-petzouille

Oupss !
C'est une cagouille de copier coller
en fait ... le onchange est bien dans le select pas dans <option>

Avec ta proposition ... la page se noircit ( normal avec Shadowbox ) mais la video ne se lance pas. On est pas loin:lol:
03/10/2008, 09h07
SpaceFrog

et de base comment shadowbox ouvre-t-il un contenu parce que là avec le coup du href je vois pas trop ...
comment shadowbox intercepte-t-il le href par l'intermédiare du rel de la balise a ?
03/10/2008, 09h13
french-petzouille

En mettant un rel="shadowbox" , c'est ce module qui affiche le lien présent dans le href.
comme avec la balise select et option on a pas de Href ... je met les infos dans "Value".
comment shadowbox décortique tout cela ... j'en sais rien.:oops:
03/10/2008, 09h16
SpaceFrog

essaye à tout hasard de mettre un rel dans la balise select ???

et juste du coup dasn le onchnage:

Code:

onchange="self.location.href=this.value"

Avec ta combine
on a la video qui se lance ...mais sans l'intervention de shadowbox.

Je vous fais parvenir une solution, que l'on vient de me communiquer depuis un forum javascript.

accompagné du texte suivant :

"Regarde cet exemple simple et essaie de t'en inspirer en adaptant le player et les url, par exemple"
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <head> <script type="text/javascript" src="src/adapter/shadowbox-base.js"></script> <script type="text/javascript" src="src/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.loadSkin('classic', 'src/skin'); Shadowbox.loadLanguage('fr', 'src/lang'); Shadowbox.loadPlayer(['html', 'iframe', 'img', 'qt'], 'src/player'); </script> <script type="text/javascript"> function test(url) { Shadowbox.init(); Shadowbox.open({ player: 'iframe', title: '', content:url, width: 768, height: 576 }); } </script> </head> <body> <select onchange="test(this.value)"> <option value="http://www.google.fr">Google</option> <option value="http://www.mozilla-europe.org">Firefox</option> <option value="http://www.yahou.fr">Yahou</option> </select> </body>
Merci de votre aide