[AJAX] AJAX ET FLASH

Version imprimable

17/06/2008, 10h50
JLC83

[AJAX] AJAX ET FLASH

Bonjour,
Une div (id="story") est compl�t�e en asynchrone par ajax (m�thode post).
Son contenu se trouve dans une base MySQL.
Cette div est la seule partie dont le contenu change de page en page sur click souris.
Jusque l� tout est Ok depuis des mois.
Le client aimerait maintenant que le contenu de cette div puisse aussi contenir un diaporama flash de quelques images.
ET LA : MA LANGUE AU CHAT ! :(
Je suis �videmment arriv� � cr�er les animations Flash mais comment afficher la bonne animation ?
Merci � tous
JL
17/06/2008, 11h02
IP-Fix

apparament tu recupere le contenu de ta div "story" via un appelle a une page serveur ?

Il suffit de rajouter l'animation flash dans ce que te retourne le serveur ?

Apr�s comment afficher la bonne animation ? bah c'est du cot� serveur par rapport au variable POST qu'il re�oit et � ton traitement.
17/06/2008, 14h08
JLC83

OUI je recupere le contenu de la div "story" via un appel a une page serveur.

"Il suffit de rajouter l'animation flash dans ce que te retourne le serveur ?"
C'est ce que je fait. D'ailleurs dans le DOM reconstruit gr�ce � innerHTML tout figure correctement. En revanche rien ne se produit.

"Apr�s comment afficher la bonne animation ? bah c'est du cot� serveur par rapport au variable POST qu'il re�oit et � ton traitement."
Certes mais comment ??
Une piste peut-�tre :?

Merci de l'aide !

Montre ton code html (apres l'appel ajax et notamment la partie ou t'integre le flash) .

Voici un peu d'aide :

Code:

1
2
3
4
5
6
7
8
9
 
<div id="story">
<div id="flash">
	<object type="application/x-shockwave-flash" data="<?php echo $sujet->url_swf; ?>" width="550" height="400">
		<param name="movie" value="<?php echo $sujet->url_swf;  ?>" />
		<param name="wmode" value="transparent" />
		<p>Animation flash : <?php echo $sujet->nom;  ?></p>
	</object>
</div>

17/06/2008, 15h09
JLC83

Voici le code du div "story" apr�s insertion AJAX dans le DOM :
<div id="entree"><img src="/Accueil/Presentation/Directeur/Entree.jpg" /></div>
<p> </p>
<div id="diaporama"><span class="diapodiv"></span>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','lycee','width','202','height','200','id','lycee','src','/Accueil/Presentation/diapo','quality','high','flashvars','flashlet={imageLinkTarget:\'_blank\',showControls:false,frameShow:false,slideDelay:6,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:\'Random\',slideAutoPlay:true,imageURLs:[\'03St-Honorat.jpg\',\'P1000020.jpg\',\'P1080582.jpg\',\'Tcouch-de-soleil.jpg\'],slideLoop:true,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flash_component','ImageViewer.swc','movie','/Accueil/Presentation/diapo' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="lycee" width="202" height="200" id="lycee">
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="/Accueil/Presentation/diapo.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',showControls:false,frameShow:false,slideDelay:2,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',slideAutoPlay:true,imageURLs:['03St-Honorat.jpg','P1000020.jpg','P1080582.jpg','Tcouch-de-soleil.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}" />
<embed src="/Accueil/Presentation/diapo.swf" width="202" height="200" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',showControls:false,frameShow:false,slideDelay:6,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',slideAutoPlay:true,imageURLs:['03St-Honorat.jpg','P1000020.jpg','P1080582.jpg','Tcouch-de-soleil.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" flash_component="ImageViewer.swc" name="lycee"> </embed>
</object>
</noscript>
<span class="diapodiv">
<noscript>
</noscript>
</span>
</div>

Suite

Le m�me message mais en + propre peut-�tre :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
 	 Voici le code du div "story" après insertion AJAX dans le DOM :
<div id="entree"><img src="/Accueil/Presentation/Directeur/Entree.jpg" /></div>
<p>&nbsp;</p>
<div id="diaporama"><span class="diapodiv"></span>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','name','lycee','width','202','height','200','id','lycee','src','/Accueil/Presentation/diapo','quality','high','flashvars','flashlet={imageLinkTarget:\'_blank\',showControls:false,frameShow:false,slideDelay:6,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:\'Random\',slideAutoPlay:true,imageURLs:[\'03St-Honorat.jpg\',\'P1000020.jpg\',\'P1080582.jpg\',\'Tcouch-de-soleil.jpg\'],slideLoop:true,frameThickness:2,imageLinks:[\'http://macromedia.com/\',\'http://macromedia.com/\',\'http://macromedia.com/\'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','flash_component','ImageViewer.swc','movie','/Accueil/Presentation/diapo' ); //end AC code
</script>
<noscript>
<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" name="lycee" width="202" height="200" id="lycee">
<param name="flash_component" value="ImageViewer.swc" />
<param name="movie" value="/Accueil/Presentation/diapo.swf" />
<param name="quality" value="high" />
<param name="FlashVars" value="flashlet={imageLinkTarget:'_blank',showControls:false,frameShow:false,slideDelay:2,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',slideAutoPlay:true,imageURLs:['03St-Honorat.jpg','P1000020.jpg','P1080582.jpg','Tcouch-de-soleil.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}" />
<embed src="/Accueil/Presentation/diapo.swf" width="202" height="200" quality="high" flashvars="flashlet={imageLinkTarget:'_blank',showControls:false,frameShow:false,slideDelay:6,captionSize:10,captionColor:#333333,titleSize:10,transitionsType:'Random',slideAutoPlay:true,imageURLs:['03St-Honorat.jpg','P1000020.jpg','P1080582.jpg','Tcouch-de-soleil.jpg'],slideLoop:true,frameThickness:2,imageLinks:['http://macromedia.com/','http://macromedia.com/','http://macromedia.com/'],frameColor:#333333,bgColor:#FFFFCC,imageCaptions:[]}" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" flash_component="ImageViewer.swc" name="lycee"> </embed>
</object>
</noscript>
<span class="diapodiv">
<noscript>
</noscript>
</span>
</div><!-- id="diaporama" -->

J'esp�re que c'est + mieux...
JL

17/06/2008, 18h03
IP-Fix

si tu veux que le code javascript soit interpr�t� il faut faire un eval dessus .

En effet ton code actuel est charg� mais le script d'integration n'est interpr�t� par ta page. De plus la balise noscript n'est pas affich� car tu as le javascript (ajax oblige) d'activ� sur la page.

Mais je te conseil de simplement int�gr�s le flash en brute sans script et noscript (le noscript n'est pas lu car le client a ajax) sur le model que je t'ai montr� plus haut , en effet il y a quand meme un texte alternatif si la personne a pas flash ...

Apres c'est a toi de voir. :mouarf:
20/06/2008, 11h14
JLC83

Merci,
Cela fonctionne et qui plus est je peux int�grer dans le code de r�ception suite � la requ�te POST du code qui poilote Flash.
Merci beaucoup:yaisse2: