IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

[AJAX] AJAX ET FLASH


Sujet :

JavaScript

  1. #1
    Membre �clair�
    Inscrit en
    Octobre 2007
    Messages
    209
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 209
    Par d�faut [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

  2. #2
    Membre chevronn� Avatar de IP-Fix
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    421
    D�tails du profil
    Informations personnelles :
    �ge : 38
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Mars 2006
    Messages : 421
    Par d�faut
    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.

  3. #3
    Membre �clair�
    Inscrit en
    Octobre 2007
    Messages
    209
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 209
    Par d�faut
    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 !

  4. #4
    Membre chevronn� Avatar de IP-Fix
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    421
    D�tails du profil
    Informations personnelles :
    �ge : 38
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Mars 2006
    Messages : 421
    Par d�faut
    Montre ton code html (apres l'appel ajax et notamment la partie ou t'integre le flash) .

    Voici un peu d'aide :

    Code : S�lectionner tout - Visualiser dans une fen�tre � part
    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>

  5. #5
    Membre �clair�
    Inscrit en
    Octobre 2007
    Messages
    209
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 209
    Par d�faut
    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" -->

  6. #6
    Membre �clair�
    Inscrit en
    Octobre 2007
    Messages
    209
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 209
    Par d�faut Suite
    Le m�me message mais en + propre peut-�tre :
    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
     
     	 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

  7. #7
    Membre chevronn� Avatar de IP-Fix
    Profil pro
    Inscrit en
    Mars 2006
    Messages
    421
    D�tails du profil
    Informations personnelles :
    �ge : 38
    Localisation : France, Paris (�le de France)

    Informations forums :
    Inscription : Mars 2006
    Messages : 421
    Par d�faut
    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.

  8. #8
    Membre �clair�
    Inscrit en
    Octobre 2007
    Messages
    209
    D�tails du profil
    Informations forums :
    Inscription : Octobre 2007
    Messages : 209
    Par d�faut
    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

+ R�pondre � la discussion
Cette discussion est r�solue.

Discussions similaires

  1. [AJAX] Ajax.Updater et Flash
    Par Coubo dans le forum G�n�ral JavaScript
    R�ponses: 0
    Dernier message: 18/03/2008, 16h14
  2. [AJAX] Chat AJAX, ou chat FLASH ?
    Par Pepito2030 dans le forum G�n�ral JavaScript
    R�ponses: 2
    Dernier message: 15/01/2007, 12h03
  3. [AJAX] Ajax et les accents
    Par nico-pyright(c) dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 09/12/2005, 20h09
  4. [AJAX] Ajax et javascript contenu
    Par zekey dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 30/09/2005, 20h16
  5. [AJAX] AJAX et javascript
    Par spud5351 dans le forum G�n�ral JavaScript
    R�ponses: 3
    Dernier message: 20/09/2005, 10h16

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo