Natsukawa: div hintergrundbild mit js ersetzen....

Beitrag lesen

Hi Sven!

Da sind ein paar Bugs drin. Ich schreib hier einfach mal, wie's geht:

============> Im HEAD:

<script language="javascript" type="text/javascript">
<!--
function swap_bg(id)
{
 document.getElementById(id).style.backgroundImage = "url('http://forum.de.selfhtml.org/src/x5.gif')";
}
//-->
</script>

============> Im BODY

<div id="test" style="background-image:url('http://forum.de.selfhtml.org/src/xweb.gif');background-repeat:no-repeat;">Test<br>Test<br>Test<br>Test</div>

<a href="javascript:swap_bg('test');">Toggle!</a>

=============<

Zuerst mußt Du Begriffe, die als css getrennt geschrieben werden ("background-image"), im JavaScript zusammen und mit jeweils Großbuchstaben schreiben ("backgroundImage").

Zum Zweiten: Du mußt die URL mit "url('blabla')" übergeben, also: document.getElementById(id).style.backgroundImage = "url('http://forum.de.selfhtml.org/src/x5.gif')";

Und letztendlich hast Du noch eine Verbuxelung mit Deiner Variable "id". Deine Funktion übernimmt zwar eine Zeichenkette in die Variable id, diese wird dann aber im getElementById nicht verwendet, sondern ein in Hochkommata gestellter String mit Inhalt "id". Du möchtest die Funtion ja wahrscheinlich noch für andere id´s verwenden ;-)

Grüße
Natsukawa