gleichzeitig 2 objekte, Bild &swf in 2 bestimmte zellen laden

[Leibi]

ich möchte mit javascript ein Bild und eine swf datei in meiner Hp laden wenn ich auf einen button drücke etwa so:

var film1 = "Untitled-1.swf";

function kappey()
{document.getElementById('kappey1').style.backgroundImage="url('index1.jpg')"; document.all.film.innerHTML = film1;
}

<td rowspan="3" background="Internet-seite-Design_08.jpg" width="94" height="105"><a href="#" onClick="javascript:kappey()"><img src="symbol_08.png" width="94" height="105" style="border:none"> Hier Bild tauschen </a>
</td>

<td rowspan="8" background="Internet-seite-Design_03.jpg" width="371" height="364" id="film"> Hier SWF anzeigen </td>

Bild geht swf funzt nicht.

Was muss ich machen?

[Take]

Moin,

ich möchte mit javascript ein Bild und eine swf datei in meiner Hp laden wenn ich auf einen button drücke etwa so:

var film1 = "Untitled-1.swf";

function kappey()
{document.getElementById('kappey1').style.backgroundImage="url('index1.jpg')"; document.all.film.innerHTML = film1;
}

<td rowspan="3" background="Internet-seite-Design_08.jpg" width="94" height="105"><a href="#" onClick="javascript:kappey()"><img src="symbol_08.png" width="94" height="105" style="border:none"> Hier Bild tauschen </a>
</td>

<td rowspan="8" background="Internet-seite-Design_03.jpg" width="371" height="364" id="film"> Hier SWF anzeigen </td>

Bild geht swf funzt nicht.

Kein Wunder. "Untled-1.swf" ist ein String. Du musst den html-Code ins Element schreiben, als würdest du den Film normal einbinden ->

  
document.getElementById("film").innerHTML = "<object ...>...</object>";

Dabei musst du aber aus richtige Escapen achten. also z.B. src=" statt src=" usw.
Und document.all ist echt nicht mehr in. http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id@title=getElementById

Achja, und irgendwie riechts hier komisch... :D Zitat

Gruß,
Take

[Leibi]

Dabei musst du aber aus richtige Escapen achten. also z.B. src=" statt src=" usw.

Wieso muss da ein Slasch vorweg?

[Take]

Dabei musst du aber aus richtige Escapen achten. also z.B. src=" statt src=" usw.

Wieso muss da ein Slasch vorweg?

Weil du sonst ja den String beenden würdest.

  
document.getElementById("bla").innerHTML = "<object data="quelle.swf">";

würde den String ja hier --------------------------------^ enden lassen. quelle.swf würde dann als Javascript code interpretiert -> Error. Wenn du die quotes escapst sieht der JS-Interpreter sie als Teil des Strings.
Schau dir mal den Artikel über Kontextwechsel an, ist zwar für dich im Moment wahrscheinlich nicht alles relevant, aber dadurch sollte einiges klar werden.

Gruß,
Take

[Leibi]

Dabei musst du aber aus richtige Escapen achten. also z.B. src=" statt src=" usw.

Wieso muss da ein Slasch vorweg?

Weil du sonst ja den String beenden würdest.

document.getElementById("bla").innerHTML = "<object data="quelle.swf">";

> würde den String ja hier --------------------------------^ enden lassen. quelle.swf würde dann als Javascript code interpretiert -> Error. Wenn du die quotes escapst sieht der JS-Interpreter sie als Teil des Strings.  
> Schau dir mal den [Artikel über Kontextwechsel](http://wiki.selfhtml.org/wiki/Artikel:Kontextwechsel) an, ist zwar für dich im Moment wahrscheinlich nicht alles relevant, aber dadurch sollte einiges klar werden.  
>   
> Gruß,  
> Take  
  
  
Scheisse ich raffs nicht (sry für den Ausdruck)  
Also habe das so gemacht wie du gesagt hast aber es funzt immer noch nicht:  
  
  
function kappey()  
	{document.getElementById('kappey1').style.backgroundImage="url('images/index\_MW\_05.jpg')";  
	 document.getElementById('film').style.backgroundImage="url('images/index\_MW\_05.jpg')";  
  
In der folgenden Zeile schmeisst er nen Fehler bei DW aus !  
  
document.getElementById('film')innerHTML = "<object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width=\"550" height=\"400" id=\"FlashID" title=\"test">  
  <param name="movie" value="Untitled1.swf">  
  <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">  
  
  <!--[if !IE]>-->  
  <object type="application/x-shockwave-flash" data="Untitled1.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">  
  
    <div>  
      <h4>F&uuml;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>}

[Leibi2]

Er schmeiss immer noch ne Fehlermeldung raus.Was mache ich nur falsch?

function kappey()
{document.getElementById('kappey1').style.backgroundImage="url('images/index_MW_05.jpg')";
document.getElementById('film').style.backgroundImage="url('images/index_MW_05.jpg')";

document.getElementById('film')innerHTML = "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="test">
  <param name="movie" value="Untitled1.swf">
  <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">

<!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="Untitled1.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">
    <div>
      <h4>F&uuml;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>}

[Take]

Moin,

Er schmeiss immer noch ne Fehlermeldung raus.Was mache ich nur falsch?

Du sagst nicht welche. Charta

function kappey()
{document.getElementById('kappey1').style.backgroundImage="url('images/index_MW_05.jpg')";
document.getElementById('film').style.backgroundImage="url('images/index_MW_05.jpg')";

document.getElementById('film')innerHTML = "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="test">
  <param name="movie" value="Untitled1.swf">
  <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">

<!--[if !IE]>-->
  <object type="application/x-shockwave-flash" data="Untitled1.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">
    <div>
      <h4>F&uuml;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>}

Gut, den ersten Fehler hast du selbst schon gefunden. _Alle_ quotes escapen, hast ihn aber noch nicht komplett korrigiert. Dann frag ich mich noch, wo denn die geschweifte Klammer herkommt... Ah, die Funktion ist zu ende. Wie kann das denn, wenn der Befehl noch gar nicht zuende ist? Du musst den String natürlich noch mit " abschließen (Bitte dieses _nicht_ escapen :D) und den Befehl mit ; beenden.

Kann es sein, dass du nicht besonders viel Ahnung von JS hast? :D
Achja: Deine Conditional Comments sind syntaktisch falsch.

Gruß,
Take

[Take]

Moin Ingrid :D,

dein Problem könnte man übrigens besser mit <http://de.selfhtml.org/javascript/objekte/node.htm@title=DOM Operationen> realisieren, fällt mir noch ein. Ist dann definitv nicht so unübersichtlich.

Gruß,
Take

[Leibi]

Problem des Codes habe ich gelöst mit ";} abgeschlossen dumm ist nur das mir Firefox Fehlerkonsole sagt das  ....innerHTML = "<object ....
das ------------------------------------------------^  nicht geschlossen ist. Warum?

<html>
<head>
<title>Die Meister-Handwerker</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="Slices/Webslices HP/AC_RunActiveContent.js" language="javascript"></script>

<script language="javascript">

function kappey()  
{document.getElementById('kappey1').style.backgroundImage="url('images/index\_MW\_05.jpg')";  
 document.getElementById('film').style.backgroundImage="url('images/index\_MW\_05.jpg')";  

document.getElementById('film').innerHTML = "<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400" id="FlashID" title="test">
  <param name="movie" value="Untitled1.swf">
  <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">
  <object type="application/x-shockwave-flash" data="Untitled1.swf" width="550" height="400">
    <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">
    </object>
</object>";}

<!--
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID");
//-->

</script>
</head>
<body bgcolor="#000000">

<td rowspan="8" background="images/star_bild_03.jpg" width="397" height="364" id="film"></td>

<td rowspan="10" background="images/star_bild_05.jpg" width="398" height="421" id="kappey1"></td>

dein Problem könnte man übrigens besser mit <http://de.selfhtml.org/javascript/objekte/node.htm@title=DOM Operationen> realisieren, fällt mir noch ein. Ist dann definitv nicht so unübersichtlich.

Gruß,
Take

DOM???? Davon hab ich mal gar keinen Plan.
Ich hab ja geschrieben das ich von JS nur wenig Ahnung bis gar keine habe.
Sowas wie Bilder tauschen und nen bissl Mathe oder Zooms in nem kleinen fenster kann ich der rest ist sagen wirs so ...an mir vorbei gegangen. :/

mit Flash wäre das ja ganz einfach aber ich habe gelesen das Suchmaschinen Flash nicht nach Text etc durch suchen können oder?
die Site soll ja irgendwann mal ganz oben stehen.

Gruß Leibi

[Take]

Moin,

Problem des Codes habe ich gelöst mit ";} abgeschlossen dumm ist nur das mir Firefox Fehlerkonsole sagt das  ....innerHTML = "<object ....
das ------------------------------------------------^  nicht geschlossen ist. Warum?

Weil ein String nicht über mehrere Zeilen gehen darf. Benutze für Zeilenumbrüche \n.

DOM???? Davon hab ich mal gar keinen Plan.

Dann lies dir die verlinkten Artikel durch. Dort lernst dus.

Ich hab ja geschrieben das ich von JS nur wenig Ahnung bis gar keine habe.

Nö. Hast du nicht. Nur in deinem alten Thread. Siehe ChrisBs Posting.

Sowas wie Bilder tauschen und nen bissl Mathe oder Zooms in nem kleinen fenster kann ich der rest ist sagen wirs so ...an mir vorbei gegangen. :/

mit Flash wäre das ja ganz einfach aber ich habe gelesen das Suchmaschinen Flash nicht nach Text etc durch suchen können oder?
die Site soll ja irgendwann mal ganz oben stehen.

Nicht nur Suchmaschinen, auch Leute ohne Flash, Blinde, was weiß ich noch alles können das nicht. Flash ist nix fürs Web. Mit JS isses auch ganz einfach.

Gruß Leibi

Gruß,
Take

[ChrisB]

Hi,

Was muss ich machen?

Vor allem bitte in Zukunft </hilfe/charta.htm#keine-doppelpostings> berücksichtigen, wenn du schon einen Thread zu deinem Problem eröffnet hast.

MfG ChrisB