SWF per Klick austauschen

MarionM · 11.10.2012

Hallo!

Ich wollte fragen, ob es möglich ist mithilfe von JavaScript eine SWF-Datei, die in einer DIV innerhalb einer HTML eingebunden ist, per Klick auf einem Button gegen eine andere SWF-Datei auszutauschen?
Wie in diesem Beispiel hier:

Nur eben mit SWF-Dateien und nicht mit Bildern.

Wenn ja, mit welchem Code ist es machbar oder gibt es sogar Musterbeispiele oder gar Tutorials dazu?

Ich hoffe, ihr könnt mir helfen. Ich wäre sehr dankbar darüber.

HAL_2000 · 11.10.2012

AW: SWF per Klick austauschen

Im Grunde ähnlich Du mußt nur beim klicken in der Javascriptfunktion den Innerhtml Teil des "Zieldivs" mit dem htmlcode den Du für den jeweiligen swf Aufruf benötigen würdest setzen. Hier der passende Link zur näheren Erklärung von innerHtml

EDIT: beim 2. lesen habe ich bemerkt das Du den SWF Teil schon in einer DIV zu stehen haben scheinst, hier kannst Du den innerhtml Teil direkt von dem einen in das andere Div setzen

mal ein QuickAndDirty Beispiel ohne es getestet zu haben:

Code:

document.all.ZIELDIV.innerHTML = document.all.NameDesQuellDIVS.innerHTML;

MarionM · 11.10.2012

AW: SWF per Klick austauschen

Danke für die Antwort.

>hier kannst Du den innerhtml Teil direkt von dem einen in das andere Div setzen

Meinst du etwa, es gibt zwei DIVs?
Die SWF-Datei 2 soll in die gleiche DIV hinein wo auch schon SWF-Datei1 ist.
Ich hoffe, ich habe das jetzt nicht falsch verstanden.

kleeaar · 11.10.2012

AW: SWF per Klick austauschen

das geht theoretisch auch direkt über das austauschen des src-attributes...
schaust du hier:
http://jsfiddle.net/M4qhf/

Grüße

HAL_2000 · 11.10.2012

AW: SWF per Klick austauschen

ich hatte es so verstanden, das bei Dir schon für jedes SWF ein eigenes Div existiert, dann könntest Du für den Aufruf entweder schön eine eigene Funktion bauen oder direkt im Onlick des Buttons einbauen.

Falls es nicht ein eigenes DIV gibt stelle ich mir das so vor (ist jetzt kein fertiges script ;-) )

Code:

function SWFTauschen($SWF_FileName)
{
document.all.ZIELDIV.innerHTML='<OBJECT .... src="' + $SWF_FileName + '" ...>'
}

und dann beim link

Code:

<a onClick="SWFTauschen('DateiName.swf');">hier klicken ;-)</a>

wie gesagt, das ist kein fertiger Code sondern nur ein Denkanstoss

schon wieder ein EDIT: @kleeaar ... warum komme ich nie auf die einfachen Lösungen :-( ... typisch ;-)

MarionM · 11.10.2012

AW: SWF per Klick austauschen

Also ich habe jetzt diesen folgenden Script hier geschrieben. Das ist der Script, wo man per Drücken auf einen Button ein Bild innerhalb einer DIV ändert. Jedoch muss der Script hier noch verändert werden. Ich denke, das img src wird wohl nicht hingehören, aber ich weiß nicht gegen was es ersetzt werden soll.
Und gibt es sonst noch etwas auszukorrigieren?

Code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>SWF tauschen</title>


<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>

<script type="text/javascript">
  function ladeAnimation(Animation){
  document.getElementById("container").innerHTML = '<img src="' + Animation + '" />';
}
</script>

</head>

<body>

<a href="javascript:ladeAnimation('Anima2.swf')"><img src="ButtonBild1.jpg"/></a>
<a href="javascript:ladeAnimation('Anima2.swf')"><img src="ButtonBild2.jpg"/></a>

<div id="container">


  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
    <param name="movie" value="Anima1.swf" />
    <param name="quality" value="high" />
    <param name="wmode" value="opaque" />
    <param name="swfversion" value="9.0.45.0" />
    <!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->
    <param name="expressinstall" value="Scripts/expressInstall.swf" />
    <!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->
    <!--[if !IE]>-->
    <object type="application/x-shockwave-flash" data="Anima1.swf" width="550" height="400">
      <!--<![endif]-->
      <param name="quality" value="high" />
      <param name="wmode" value="opaque" />
      <param name="swfversion" value="9.0.45.0" />
      <param name="expressinstall" value="Scripts/expressInstall.swf" />
      <!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->
      <div>
        <h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>
        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" /></a></p>
      </div>
      <!--[if !IE]>-->
    </object>
    <!--<![endif]-->
  </object>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>

@HAL_2000
Ne, alle SWFs sollen nur in einer DIV aufgerufen werden.

Wenn SWF2 aufgerufen wird, soll SWF1 weg und SWF2 kommt dann an diese Stelle hin.
Danke für die Codes. Vielleicht helfen sie mir ja.

HAL_2000 · 11.10.2012

AW: SWF per Klick austauschen

um meine umständliche Methode zumindest zu ende zu denken würde ich den Code jetzt aus dem Kopf heraus so umschreiben

Code:

<script type="text/javascript">   function ladeAnimation(SWFFileName)
{   
document.getElementById("container").innerHTML = ' <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">    [COLOR=Red]
 <param name="movie" value="' + SWFFileName + '" />[/COLOR]  
   <param name="quality" value="high" />   
  <param name="wmode" value="opaque" />    
 <param name="swfversion" value="9.0.45.0" />     <!-- Dieses param-Tag fordert Benutzer von Flash Player 6.0 r65 und höher auf, die aktuelle Version von Flash Player herunterzuladen. Wenn Sie nicht wünschen, dass die Benutzer diese Aufforderung sehen, löschen Sie dieses Tag. -->   
  <param name="expressinstall" value="Scripts/expressInstall.swf" />     
<!-- Das nächste Objekt-Tag ist für Nicht-IE-Browser vorgesehen. Blenden Sie es daher mit IECC in IE aus. -->    
 <!--[if !IE]>-->     
<object type="application/x-shockwave-flash" data="Anima1.swf" width="550" height="400">       
<!--<![endif]-->       
<param name="quality" value="high" />       
<param name="wmode" value="opaque" />      
 <param name="swfversion" value="9.0.45.0" />      
 <param name="expressinstall" value="Scripts/expressInstall.swf" />      
 <!-- Im Browser wird für Benutzer von Flash Player 6.0 und älteren Versionen der folgende alternative Inhalt angezeigt. -->      
 <div>        
<h4>Für den Inhalt dieser Seite ist eine neuere Version von Adobe Flash Player erforderlich.</h4>         
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Adobe Flash Player herunterladen" /></a></p>
      </div>       
<!--[if !IE]>-->    
 </object>    
 <!--<![endif]-->  
 </object>'" />'; }
 </script>

....

....

<a href="javascript:ladeAnimation('Anima1.swf')"><img src="ButtonBild1.jpg"/></a>
<a href="javascript:ladeAnimation('Anima2.swf')"><img src="ButtonBild1.jpg"/></a>

aber wie kleeaar es schon geschrieben hat, müßte es auch viel einfacher mit dem setzen des "src" des Objektes gehen (ich muß aber passen, ich bin jetzt nicht ganz sicher wie genau da angesprochen wird, da die Datei ja im Parameter des Objetktes gesetzt ist).

Sorry irgendwie sind die Zeilenumbrüche kaputt gegangen, ich hoffe Du kannst es trotzdem lesen

MarionM · 11.10.2012

AW: SWF per Klick austauschen

Mit Kleeaar's Script hat es bestens geklappt. Genauso wollte ich es haben.

Vielen Dank, Kleeaar. Aber auch Danke an HAL_2000 für die Zeit und Mühe. Ich weiß das sehr zu schätzen.