Antworten auf deine Fragen:
Neues Thema erstellen

SWF per Klick austauschen

MarionM

Noch nicht viel geschrieben

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

Noch nicht viel geschrieben

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;
 
Zuletzt bearbeitet:

MarionM

Noch nicht viel geschrieben

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. :(
 

HAL_2000

Noch nicht viel geschrieben

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 ;-)
 
Zuletzt bearbeitet:

MarionM

Noch nicht viel geschrieben

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. :D
 

HAL_2000

Noch nicht viel geschrieben

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
 
Zuletzt bearbeitet:

MarionM

Noch nicht viel geschrieben

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. :D
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Neueste Themen & Antworten

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Keine Mitglieder online.

Statistik des Forums

Themen
118.616
Beiträge
1.538.359
Mitglieder
67.535
Neuestes Mitglied
QuestionMark
Oben