[POO] Changer la source d'un objet (flash) en Javascript

Version imprimable

Bonjour,

J'ai une page HTML composée d'un menu que j'ai fait en CSS et d'un flash.
Quand je clique sur une autre rubrique du menu, j'appelle une nouvelle page html, identique à la 1ère excepté le flash.

La transition entre les 2 pages est donc un changement de page HTML. J'aimerais plutôt faire le changement du fichier Flash et garder toujours la même page HTML. Je voulais faire cela en javascript, en modifiant la source du fichier flash, ça marche sous IE mais pas sous mozilla.

Voici le code HTML :
Code:

1 2 3 4 5 <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="332" height="332" id="flash"> <param name="movie" value="app00.swf"> <param name="quality" value="high"> <embed name="flash" src="app00.swf" width="332" height="332" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed> </object>
Javascript :
Code:

1 2 var d = document.getElementById("flash"); d.movie="app01.swf";
Cette fonction Javascript me modifie la balise OBJECT, ce qui fait que ça fonctionne sous IE, mais je n'arrive pas à modifier le SRC du EMBED, et donc ça ne marche pas sous Mozilla.

Si quelqu'un pouvait m'aider, ça serait vraiment cool. Sinon, je pense que je vais être obligé de refaire toute ma page et de faire mon menu en flash.

MERCI !!!

08/02/2005, 15h04
Johnbob

Il faudrait utiliser "id" au lieu de "name"...

Citation:

<embed id="flash" src="app00.swf" width="332" height="332" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed>

D'abord, merci pour ta réponse rapide.

Effectivement, en ajoutant la balise id, j'arrive à modifier l'attribut SRC de ma balise EMBED. Le seul problème, c'est que cela ne change pas mon animation Flash. Le problème doit venir du fait que c'est justement un Flash, puisque ça marche avec une image GIF.

Voici le code complet de ma page.

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
31
32
33
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<script language="JavaScript" type="text/javascript">
function change_flash() {
	var d = document.getElementById("flash");
	var d2 = document.getElementById("moz");
	if (d.movie == "app01.swf") {
		d.movie="app00.swf";
		d2.src = "app00.swf";
		alert(d.movie + " - " + d2.src);
	} else {
		d.movie="app01.swf";
		d2.src = "app01.swf";
		alert(d.movie + " - " + d2.src);
	}
}
</script>
</head>
 
<body>
<a onClick="change_flash();">changer</a><br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="332" height="332" id="flash">
  <param name="movie" value="app00.swf">
  <param name="quality" value="high">
  <embed id="moz" name="flash" src="app00.swf" width="332" height="332" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed>
</object>
</body>
</html>

Si quelqu'un a une idée pour que je puisse modifier l'animation flash de ma page sans recharger la page HTML, MERCI !!!

08/02/2005, 16h07
Johnbob
Peut-être en le retirant du flux HTML et en le remettant directement:
(à la fin de la fonction)
Code:

1 2 document.getElementById("flash").style.display="none"; document.getElementById("flash").style.display="";

CA MARCHE !!!

Un grand merci à toi Gaara pour cette petite feinte anodine mais drolement efficace. Je ne savais pas que le style.display retirait l'objet du flux HTML, c'est bon à savoir !

Voici un exemple qui marche :

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<script language="JavaScript" type="text/javascript">
function change_flash() {
	var d = document.getElementById("flash");
	var d2 = document.getElementById("moz");
	if (d.movie == "app01.swf") {
		d.movie="app00.swf";
		d2.src = "app00.swf";
	} else {
		d.movie="app01.swf";
		d2.src = "app01.swf";
	}
	document.getElementById("flash").style.display="none";
	document.getElementById("flash").style.display="";
}
</script>
</head>
 
<body>
<a onClick="change_flash();">changer</a><br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="332" height="332" id="flash">
  <param name="movie" value="app00.swf">
  <param name="quality" value="high">
  <embed id="moz" name="flash" src="app00.swf" width="332" height="332" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" ></embed>
</object>
</body>
</html>

Encore merci.
Longue vie à developpez.net, vraie mine d'or pour tout passionné d'informatique.

11/02/2008, 04h10
boggwuro

:yaisse2: geniaaaaal
merci Jung!!!!!!!!!!!!!!!

un seul probleme :aie: j'utilise ce code pour changer de video
lier au net, mais, le lecteur change trop vite (il me semble)

d2.style.display="none";
d2.style.display="";

l'autre video ne se charge pas, j'ai mis un alert

d2.style.display="none";
alert("la video est charger")
d2.style.display="";

ce qui permet de charger la video,
quelqu'un aurait une meilleure sollution??? :roll:

Quoiqu'il en soit, sa fonctionne super Merci encore a tous :D

uhm :cry: par contre sous internet explorer, sa ne fonctionne pas...
la video ne change pas....voici mon code:

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
 
 
<!bouton pour lancer la fonction!>
<input type="button" value="change video" onclick="charge_vid('http://www.dailymotion.com/swf/x32mgo')">
 
<!la video a changer!>
<center>
<div name="vid" class="gauche">
<object width="420" height="252" name="lec">
<param id="vid1" name="movie" value="http://www.dailymotion.com/swf/x3hj51"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowScriptAccess" value="always"></param>
<embed id="vid" src="http://www.dailymotion.com/swf/x3hj51" type="application/x-shockwave-flash" width="420" 
 
height="252" allowFullScreen="true" allowScriptAccess="always"></embed></object><br /><b></a></i></div>
</center>
 
 
 
<!le script!>
<script language="Javascript">
function charge_vid(i)
{
var d=document.getElementById("vid");
d.src=i;
d.style.display="none";
alert("video charger ;)");
d.style.display="";
}
</script>

alors s'il vous plait :roll:,
Comment faire fonctionner se code sous internet explorer?