Problem mit Eventhandler

Barkeeper · 02.03.2003, 13:23

Hallo Leute !

Ich versuche gerade eine Tabelle so zu erstellen, dass die einzelnen Zellen eine Hintergrundfarbe haben, die bei mouseover wechselt.

Zitat:

Das habe ich versucht, aber jetzt hat die Zelle keinen Hintergrund, wenn sie geladen wird.

Wo ist das Problem ? (onLoad geht ja nicht...)

Gruß
Barkeeper

Lars · 02.03.2003, 13:50

Wieso sollte die Zeile denn auch einen Hintergrund haben? Du legst diesen ja nur für die beiden Events an - beim Laden der Seite tritt keiner der beiden ein.

So klappt's:

Code:

<tr>
	<td width=115 onMouseOver="this.bgcolor='#474747'" onMouseOut="this.bgcolor='#666666'" style="background:#666666">
	<p>test</p>
	</td>
</tr>

Barkeeper · 02.03.2003, 14:13

Hallo Lars !
Danke für die Antwort, aber das klappt nicht... (zumindest bei mir)

Weitere Ideen ???

Gruß
Barkeeper

freefonzo · 02.03.2003, 15:07

Vielleicht verwendest Du ja schon andere Styledefinitionen im Head der Seiteoder in einem externen Stylesheet.
Da könnte die Hintergrundfarbe des <td> oder des <tr> schon definiert sein.

Ansonsten müsste es aber so funzen, wie Lars es beschrieben hat.

Barkeeper · 02.03.2003, 15:25

Tja !

Soweit ich es sehen kann habe ich dort nix !
Ich mail Dir mal einen link.

Ich glaube fast, dass das überhaupt nicht geht...

Gruß
Barkeeper

Stuck Mojo · 02.03.2003, 15:31

mmhh...

vielleicht
...style="background-color:#666666">... obwohl das eigentlich egal sein sollte...

oder einfach bgcolor="#666666" ?

Gruss
Jan

PS: Ich glaube, dass das auf alle Fälle geht

Guitar · 02.03.2003, 15:46

So geht's:

<td onmouseover="this.style.backgroundColor='#CCCCCC';" onmouseout="this.style.backgroundColor='#9999A5';">

Barkeeper · 02.03.2003, 15:50

Hallo Guitar !
Aber so bleibt die Zelle beim Laden wieder leer.
Das ist ja identisch mit meiner Version ganz oben.

Gruß
Barkeeper

Stuck Mojo · 02.03.2003, 16:09

Code:

<table>
 <tr>
   <td width="100" bgcolor="#666666" onmouseover="this.bgColor='#474747'" onmouseout="this.bgColor='#666666'">jhjhk</td>
 </tr>
 <tr>
   <td style="background-color: rgb(102,102,102);" onmouseover="this.style.backgroundColor='#474747'" onmouseout="this.style.backgroundColor='#666666'">jhjhk</td>
 </tr>
</table>

Gruss
Jan

PS: erste Variabte hättest du dir schon zusammenbauen können, nach meinem ersten Post.

Guitar · 02.03.2003, 16:37

@Barkeeper:
nein, ist nicht identisch! Es geht um die Schreibweise von 'backgroundColor'!

Mitdenken!

Barkeeper · 02.03.2003, 17:55

@Guitar !

Sorry, Nacht war lang...
Mittlerweile funktioniert die ganze Sache.

@Alle : DANKE !

Weiter so !

Gruß
Barkeeper