[AJAX] Mettre à jour un obet swf via un Ajax.Updater
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:
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é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é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:
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:
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 ?