[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?