div hintergrundbild mit js ersetzen....

[Sven Schollmeyer]

ich habe da ein div gebastelt....
dieses hat eine id="" diese kommt in meinem js script auch an...
es wird auch auf das richtige div zugegriffen, nur ich will das hintergrund bild in diesem ändern...

<script language="javascript" type="text/javascript">
<!--
function swap_bg(id)
{
 document.getElementById('id').style.backgroundimage = "./images/ut2k3/selecter.jpg";
}
//-->
</script>

das ist mein script aber es will nedd :'(
und das schon so früh morgens *grummel*

danke im vorraus... sven....

[KD-one]

Hallo Sven,

[...]
document.getElementById('id').style.backgroundimage = "./images/ut2k3/selecter.jpg";

versuche es mal mit backgroundImage...

[...]

Ansonst schreibe eine neue Klasse, in der du das Bild angibst und ändere die Klasse mit .style.className.

Gruß

Kurt

[Natsukawa]

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