[résolu] Passage de variable javascript vers flash avec iframe

Passage de variable javascript vers flash avec iframe [résolu] - HTML/CSS - Programmation

Marsh Posté le 04-07-2006 à 14:29:30    

Salut à tous,
 
mon site est construit autour d'une iframe, j'ai du utiliser cela car je souhaitais que les visiteurs puisse écouter de la musique sans interruption lorsqu'ils naviguent sur le site. Il y a donc un lecteur de mp3 en flash en action dans la page parent et des données qui s'affichent dans l'iframe.
 
Mon objectif et de transmettre des données (numéro d'un morceau) au lecteur flash à partir d'une page affichée dans l'iframe.
 
Après quelques recherches, j'ai conclu que j'allais devoir utiliser du javascript  :cry: .
 
j'ai trouvé une bonne explication sur la communication javascript -> flash à cette adresse : http://www.tekool.net/javascript/j [...] ers_flash/
 
le script proposé fonctionne très bien sur IE et firefox mais je n'arrive pas à l'adapter pour un fonctionnement a travers une iframe.
 
voici le script original en fonctionnement sans iframe : http://server001.free.fr/message/
et le code source associé :

Code :
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  7. <title>Message</title>
  8. </head>
  10. <body>
  12. <object
  13. id="messageAnimation"
  14. width="324"
  15. height="56"
  16. data="message.swf"
  17. type="application/x-shockwave-flash"
  18. >
  19. <script type="text/javascript">
  20. <!--
  21. //Activation de *swLiveConnect* sur les navigateurs qui ne sont pas Firefox
  22. //(swLiveConnect est ignoré sur IE)
  23. if(navigator.appName.indexOf("Netscape" ) == -1)
  24.  document.write('<param name="swliveconnect" value="true" />');
  25. -->
  26. </script>
  27. <param name="movie" value="message.swf" />
  28. </object>
  29. <form action="javascript:void(0)">
  30.  <input type="text" id="tfText" value="Hello from Javascript!" maxlength="64"/>
  31.  <button onclick="messageJavascriptToFlash();">Vers Flash</button>
  32. </form>
  34. <script type="text/javascript">
  35. <!--
  36. function messageJavascriptToFlash()
  37. {
  38.  var domAnimation = document.getElementById('messageAnimation');
  39.  var domTfText = document.getElementById('tfText');
  40.  domAnimation.SetVariable('message',domTfText.value);
  41. }
  43. function messageFlashToJavascript(message)
  44. {
  45.  var sMessage = unescape(message);
  46.  var domTfText = document.getElementById('tfText');
  47.  domTfText.value = sMessage;
  48. }
  49. -->
  50. </script>
  52. </body>
  53. </html>


 
 
et ici la version que je tente de faire fonctionner avec iframe : http://server001.free.fr/message_iframe/
 
code de la page index :

Code :
  1. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html;iso-8859-1">
  7. </head>
  9. <BODY>
  12. <object
  13. id="messageAnimation"
  14. width="324"
  15. height="56"
  16. data="message.swf"
  17. type="application/x-shockwave-flash"
  18. >
  19. <script type="text/javascript">
  20. <!--
  21. //Activation de *swLiveConnect* sur les navigateurs qui ne sont pas Firefox
  22. //(swLiveConnect est ignoré sur IE)
  23. if(navigator.appName.indexOf("Netscape" ) == -1)
  24.  document.write('<param name="swliveconnect" value="true" />');
  25. -->
  26. </script>
  27. <param name="movie" value="message.swf" />
  28. </object>
  32.  <IFRAME SRC="message.html" NAME="page" HEIGHT="600" WIDTH="771" frameborder="0" scrolling="yes" >
  33. Désolé mais votre navigateur ne supporte pas les cadres locaux.
  34. </IFRAME>
  41. </body>
  42. </html>


 
code de la page message :

Code :
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">
  5. <head>
  6. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  7. <title>Message</title>
  8. </head>
  10. <body>
  13. <form action="javascript:void(0)">
  14.  <input type="text" id="tfText" value="Hello from Javascript!" maxlength="64"/>
  15.  <button onclick="messageJavascriptToFlash();">Vers Flash</button>
  16. </form>
  18. <script type="text/javascript">
  19. <!--
  20. function messageJavascriptToFlash()
  21. {
  22.  var domAnimation = window.top.getElementById('messageAnimation');
  23.  var domTfText = window.top.getElementById('tfText');
  24.  domAnimation.SetVariable('message',domTfText.value);
  25. }
  27. function messageFlashToJavascript(message)
  28. {
  29.  var sMessage = unescape(message);
  30.  var domTfText = window.top.getElementById('tfText');
  31.  domTfText.value = sMessage;
  32. }
  33. -->
  34. </script>
  36. </body>
  37. </html>


 
 
je suis débutant en javascript ne m'en veuillez pas si la réponse est très simple  :cry:  
 
merci pour votre aide


Message édité par BaDaBoOm le 06-07-2006 à 16:02:30
Reply

Marsh Posté le 04-07-2006 à 14:29:30   

Reply

Marsh Posté le 04-07-2006 à 17:52:56    

:bounce:

Reply

Marsh Posté le 05-07-2006 à 12:44:47    

help

Reply

Marsh Posté le 06-07-2006 à 12:05:04    

personne ne voit ?

Reply

Marsh Posté le 06-07-2006 à 16:01:58    

je viens de trouver !

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed