✔ This.class bzw. this.style funktioniert nicht!

[Hankman]

Hi ho!

Ich möchte gerne ein div mit nem Hintergrundbild über eine Tabelle legen, wobei das div bei mouseover ausgeblendet werden soll.(Soll ne Bildergalerie werden, wo nur das Bild richtig sichtbar ist, über dass die Maus grad fährt und alle andren ausgegraut sind.)

Hier mein Code:

<div onmouseover="this.class='div2'" onmouseout="this.class='div1'" class="div1"></div>

div1 ist ne Klasse mit Bild, div2 ohne.

Warum funktionert das nicht? Kann man styles nicht per css ändern, oder ist dafür eine eigene funktion nötig mit document.write, oder sowas?

Sry, falls dies dämliche Fragen sind, aber JS ist nicht meine Welt..
Aber hab nach dem Prob gesucht und nichts richtiges gefunden...

Gruß, Hankman

 

[Sven Mintel]

Das Attribut, welches du ändern musst, nennt sich className

 

[Maik]

<div onmouseover="this.className='div2'" onmouseout="this.className='div1'" class="div1"></div>

 

[Hankman]

Aaaaaallles klar, danke schön!

natürlich... aber warum macht man das so kompliziert Naja, egal *g*

Wie lautet denn das Attribut für "style"? Falls das hier noch jemand liest =)

Liebe Grüße,
Hankman

 

[Maik]

Wie lautet denn das Attribut für "style"?

>>> selfHTML | Javascript | Objektreferenz | style

<div style="background-image:url(hintergrundgrafik.png);" onmouseover="this.style.backgroundImage='none'" onmouseout="this.style.backgroundImage='url(hintergrundgrafik.png)'">test</div>

 

[Hankman]

Ooookkay, danke schön =)