[AJAX] Mettre à jour un obet swf via un Ajax.Updater

**OWickerman** · 17/05/2008, 17h06

Bonjour.
Mon problème est le suivant : j'ai une page, avec un objet swf (PictureFlow.swf) dans un calque. Lorsque je clique sur le premier paneau de cet objet (accueil), je souhaite mettre à jour le calque le contenant, afin de mettre à jour l'objet lui même. Voyez le compotement ici :
http://cno.owickerman.net/webcmrs3/francais/
(ne faites pas attention aux autres bugs, c'est en cours de développement

).
la page principale (index.html)

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />
<HTML>
	<HEAD>
 
		<TITLE>
			WEBCMRS METEO-FRANCE REUNION
		</TITLE>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <LINK rel="StyleSheet" href="../partage/css/style.css" type="text/css"/>
		<LINK rel="stylesheet" href="../partage/css/frAccueil.css" type="text/css"/>
		<link rel="stylesheet" type="text/css" href="../partage/css/shadowbox.css">
 
		<!-- SWFOBJECT -->
		<script type="text/javascript" src="../partage/javascript/plug_flash.js"></script>
 
		<!-- Shadowbox with Script.aculo.us -->
		<script type="text/javascript" src="../partage/javascript/scriptaculous/prototype.js"></script>
		<script type="text/javascript" src="../partage/javascript/scriptaculous/scriptaculous.js?load=effects"></script>
		<script type="text/javascript" src="../partage/javascript/scriptaculous/shadowbox-prototype.js"></script>
		<script type="text/javascript" src="../partage/javascript/scriptaculous/flashShadowboxInjector.js"></script>
		<script type="text/javascript" src="../partage/javascript/shadowbox.js"></script>
		<script type="text/javascript" src="../partage/javascript/utils.js"></script>
 
		<script type="text/javascript">window.onload = Shadowbox.init;</script>
 
 
 
 
	</HEAD>
<BODY>
	<!-- Image de fond (ombre) -->
	<div id="fond">
	</div>
	<!-- Conteneur principal -->
	<div id="conteneur">		
		<!-- bandeau_top-->
		<div id="bandeau_top">
			<!--CMRS-->
			<div id="CMRS">
			<table width="100%" height="100%"><tr valign="middle">
				<td align="left"><b>CMRS de La R&eacute;union</b></td>
                <td align="right>"<a href="#" onclick="alert('Soon');" >
					<img align="right" src="../partage/images/drapeau_anglais_moy_taille.png" height="15px" style="border:0;" />
				</a></td>
			</tr></table>
			</div>
			<!-- logo_vague-->
			<div id="logo_vague">
			</div>
			<!-- logo_MF-->
			<div id="logo_MF">
			</div>
			<!-- btns_top -->
		</div>
		<!-- contenu -->
		<div id="contenu">			
		</div>
		<div id="footer2">
			<div id="coverEtBtnRetour" class="coverEtBtnRetour" name="coverEtBtnRetour">
				<div id="cov_Retour" onmousedown="this.id='cov_Retour_click';" onmouseup="this.id='cov_Retour';" onclick="alert('pas de niveau sup&eacute;rieur');">
				</div>
				<div id="cover">
					<center>
						<script type="text/javascript">
							var flashVars="";
							flashVars+="xmlfeed=../partage/xml/onglets.xml";			// Path to xml file or PHP script
							flashVars+="&lightBox=false";			// LightBox
							flashVars+="&myBckgrnd=0xffffff";		// Image Reflection Background (for realistic reflection)
							flashVars+="&superGlass=true";			// Transparent reflection switch (for specific background): true or false
							flashVars+="&myBckGrndImage=";			// Path to load specific image background
							flashVars+="&myColor=0x0d2981";			// Image border color: Hex number
							flashVars+="&myTextColor=0x0d2981";		// Tooltip text color: Hex number
							flashVars+="&mySubTextColor=0x0d2981";	// Description text color: Hex number
							flashVars+="&myArrowColor=0xffffff";	// Scrollbar arrow color: Hex number
							flashVars+="&myScrollColor=0x0d2981";	// Scrollbar color: Hex number
							flashVars+="&myLoadBarColor=0x0d2981";	// Load bar color: Hex number
							flashVars+="&myAlpha=0.9";				// Image border transparency ratio (0 (invisible) to 1 (max opacity))
							flashVars+="&Border=rounded"; 			// Image border aspect "rounded" or "square"
							flashVars+="&Tooltip=false";			// Tooltip switch
							flashVars+="&descText=true"; 			// Description text under front image
							flashVars+="&Scrollbar=permanent";		// Scrollbar behavior ("true" = autoHidden, "permanent" = always on, "false" = no scrollbar)
							flashVars+="&myStep=40";				// Images pitch
							flashVars+="&myOffset=20";				// Front image pitch
							flashVars+="&scaleDown=50";				// Inactive images Scale in %
							flashVars+="&scaleUp=100";				// Active images Scale in %
							flashVars+="&MaskScene=true";			// Scene side mask switch
							flashVars+="&shownPicture=1";			// Image shown at start
							flashVars+="&U_Flow=true";				// U Flow switch: Linear run or U run for images
							flashVars+="&descText=true";			// Description text below front image switch: true or false
							flashVars+="&scrollbar_Y=200";			// Y coord of scrollbar: int number
							flashVars+="&rollOverAnim=false";		// Rollover navigation switch: true or false
							flashVars+="&easeTime=0.9";				// Ease transition time (s): Float number
							flashVars+="&clips2move=6";				// Number of clips to animate: Int number
							//flashVars+="&crossdomain=";	// Load specific crossdomain.xml to load image from other domain
 
							RunFlash("pictureflow-H090.swf", "500", "200", "#ffffff", "window", "PictureFlow", flashVars);
						</script>
						<noscript>
							<span>You should have Javascript active to see this page</span>
						</noscript> 
					</center>
				</div>
			</div>
			<div id="btns_bas_droite">
				<center>
				<br /><br />
				<table width="75%">
				<tr>
					<td><img src="../partage/images/logo_plan.gif" /></td>
					<td><a class="liens_top" href="#" onclick="nouvFenetre('./html/FAQ_WebCmrs/FAQ_Index_FR.html');" >FAQ</a></td>
				</tr>
				<tr>
					<td><img src="../partage/images/logo_glossaire.gif" /></td>
					<td><a class="liens_top" href="#" onclick="nouvFenetre('./html/glossaire/glossaire.html');">Glossaire</a></td>
				</tr>
				<tr>
					<td><img src="../partage/images/logo_liens.gif" /></td>
					<td><a class="liens_top" href="#" onclick="nouvFenetre('./html/liens/liens.html');">Liens</a></td>
				</tr>
				<tr>
					<td><img src="../partage/images/logo_mail.gif" /></td>
					<td><a class="liens_top" href="mailto:contact@meteo.re?subject=Abonnement&body=Demande d'informations">Nous contacter</a></td>
				</tr>
				</table>
				</center>
			</div>
		</div>
	</div>
</BODY>
</HTML>

Les fonctions javascript utilisées :

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
31
32
 
function metAJour(leDiv, laPage){
	new Ajax.Updater(leDiv, laPage, {
		evalScripts:	true,
		method:			'GET'
	});
}
 
function metAJourMenu(leDiv, laPage){
	new Ajax.Updater(leDiv, laPage, {
		evalScripts:	true,
		method:			'GET'
	});
}
 
function RunFlash(swf, hauteur, largeur, couleur, window_mode, nom, vars) {
	document.write("<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0\" width=\""+hauteur+"\" height=\""+largeur+"\" id=\""+nom+"\" align=\"middle\">\n");
	document.write("<param name=\"allowScriptAccess\" value=\"always\" />\n");
	document.write("<param name='movie' value='"+swf+"' /> \n");
	document.write("<param name='quality' value='high' /> \n");
	document.write("<param name='bgcolor' value='"+couleur+"' /> \n");
	document.write("<param name='menu' value='true' /> \n");
	document.write("<param name='flashvars' value='"+vars+"' /> \n");
	if(window_mode=="transparent"||window_mode=="opaque"){
		document.write("<param name='wmode' value='"+window_mode+"' /> \n");
		document.write("<embed src='"+swf+"' menu='true' quality='high' wmode='"+window_mode+"' bgcolor='"+couleur+"' width='"+hauteur+"' height='"+largeur+"' name='"+nom+"' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='"+vars+"' />\n");
		}
	else{
		document.write("<embed src='"+swf+"' menu='true' quality='high' bgcolor='"+couleur+"' width='"+hauteur+"' height='"+largeur+"' name='"+nom+"' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' flashvars='"+vars+"' />\n");
		}
	document.write("</object>\n");
	}

La page appelée (metAJourMenu('coverEtBtnRetour', 'accueil.html'); :

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<div id="cov_Retour" onmousedown="this.id='cov_Retour_click';" onmouseup="this.id='cov_Retour';" onclick="metAJour('coverEtBtnRetour', './carroussel.html');">
</div>
<div id="cover">
	<center>
		<script type="text/javascript">
			var flashVars="";
			flashVars+="xmlfeed=../partage/xml/accueil.xml";			// Path to xml file or PHP script
			flashVars+="&lightBox=false";			// LightBox
			flashVars+="&myBckgrnd=0xffffff";		// Image Reflection Background (for realistic reflection)
			flashVars+="&superGlass=true";			// Transparent reflection switch (for specific background): true or false
			flashVars+="&myBckGrndImage=";			// Path to load specific image background
			flashVars+="&myColor=0x0d2981";			// Image border color: Hex number
			flashVars+="&myTextColor=0x0d2981";		// Tooltip text color: Hex number
			flashVars+="&mySubTextColor=0x0d2981";	// Description text color: Hex number
			flashVars+="&myArrowColor=0xffffff";	// Scrollbar arrow color: Hex number
			flashVars+="&myScrollColor=0x0d2981";	// Scrollbar color: Hex number
			flashVars+="&myLoadBarColor=0x0d2981";	// Load bar color: Hex number
			flashVars+="&myAlpha=0.9";				// Image border transparency ratio (0 (invisible) to 1 (max opacity))
			flashVars+="&Border=rounded"; 			// Image border aspect "rounded" or "square"
			flashVars+="&Tooltip=false";			// Tooltip switch
			flashVars+="&descText=true"; 			// Description text under front image
			flashVars+="&Scrollbar=permanent";		// Scrollbar behavior ("true" = autoHidden, "permanent" = always on, "false" = no scrollbar)
			flashVars+="&myStep=40";				// Images pitch
			flashVars+="&myOffset=20";				// Front image pitch
			flashVars+="&scaleDown=50";				// Inactive images Scale in %
			flashVars+="&scaleUp=100";				// Active images Scale in %
			flashVars+="&MaskScene=true";			// Scene side mask switch
			flashVars+="&shownPicture=1";			// Image shown at start
			flashVars+="&U_Flow=true";				// U Flow switch: Linear run or U run for images
			flashVars+="&descText=true";			// Description text below front image switch: true or false
			flashVars+="&scrollbar_Y=200";			// Y coord of scrollbar: int number
			flashVars+="&rollOverAnim=false";		// Rollover navigation switch: true or false
			flashVars+="&easeTime=0.9";				// Ease transition time (s): Float number
			flashVars+="&clips2move=4";				// Number of clips to animate: Int number
			//flashVars+="&crossdomain=";	// Load specific crossdomain.xml to load image from other domain
 
			RunFlash("pictureflow-H090.swf", "500", "200", "#ffffff", "window", "PictureFlow", flashVars);
		</script>
		<noscript>
			<span class="Style1">You should have Javascript active to see this page</span>
		</noscript> 
	</center>
</div>

Quelqu'un aurait une idée de ce que je fais comme une buse ?

**OWickerman** · 17/05/2008, 18h18

Bon, apparement, c'est ma fonction RunFlash qui provoque le comportement étrange.

[AJAX] Mettre à jour un obet swf via un Ajax.Updater

JavaScript

Discussions similaires

Partager

Partager