Lancer une video avec ShadowBox sans cliquer sur le submit

**french-petzouille** · 02/10/2008, 19h34

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

merci
de votre aide

french-petzouille

**SpaceFrog** · 03/10/2008, 08h36

salut french-petzouille

tu as mis un onchange dans l'option ???

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

this.value

en paramètre de la fonction

essye ça:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 ....

**french-petzouille** · 03/10/2008, 08h58

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

**SpaceFrog** · 03/10/2008, 09h07

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 ?

**french-petzouille** · 03/10/2008, 09h13

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.

**SpaceFrog** · 03/10/2008, 09h16

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

et juste du coup dasn le onchnage:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**french-petzouille** · 03/10/2008, 09h30

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Lancer une video avec ShadowBox sans cliquer sur le submit

JavaScript

Discussions similaires

Partager

Partager