Zellenhintergund einer Tabelle bei MouseOver ändern.

[MiB16]

Hi Leutz.

Ich möchte wenn mann mit der Maus über eine Zelle einer Tabelle fährt sich der Tabllenhintergund ändert.
bzw. eine andere class verwendet wird.
mouseover --> class="1"
mouseout --> class="2"
habt ihr ne lösung für das problem?

[Struppi]

Ich möchte wenn mann mit der Maus über eine Zelle einer Tabelle fährt sich der Tabllenhintergund ändert.

Brauchst du wirklcih eine Tabellenzelle?
Im Mozilla geht:

td{backgrond-color:#000;}
td:hover{backgrond-color:#fff;}

Falls du nur z.b. einen Link darin stehen hast, geht es ungefähr so:

td a{display:block;}

td a:hover{color:#f00;}

Struppi.

[MiB16]

habs jetzt so gelöst:

<script type="text/javascript">
<!--
function wechseln() {
 if(document.getElementById("CSS").className == "tbl_1")
  document.getElementById("CSS").className = "tbl_2";
 else
  document.getElementById("CSS").className = "tbl_1";
}
//-->
</script>

<td id="CSS" class="normal" onMouseOver="wechseln()" onMouseOut="wechseln()"><div align="center">komm zu mir</div></td>

wenn wer eine bessere lösung hat, nur her damit

[Struppi]

habs jetzt so gelöst:

naja. Kann man.

<script type="text/javascript">
<!--
function wechseln() {
if(document.getElementById("CSS").className == "tbl_1")
  document.getElementById("CSS").className = "tbl_2";
else
  document.getElementById("CSS").className = "tbl_1";
}
//-->
</script>

<td id="CSS" class="normal" onMouseOver="wechseln()" onMouseOut="wechseln()"><div align="center">komm zu mir</div></td>

Aber warum brauchst du hier eine Tabelle?

wenn wer eine bessere lösung hat, nur her damit

Da wir ja nach nicht Wissen was du vorhast. Nur bedingt:

CSS:

div{ background-color:#ccc;}
div:hover{ background-color:#eee;}

HTML:
<div >Test</div>

Funktioniert in allen modernen Browsern auch ohne JS, ausser dem IE.

Struppi.

[MudGuard]

Hi,

Funktioniert in allen modernen Browsern auch ohne JS, ausser dem IE.

Das ist aber doppelt gemoppelt, den IE hast Du doch schon durch "moderne Browser" ausgeschlossen... ;-)

cu,
Andreas

[MiB16]

sollte aber gerade beim IE funken, da die meisten user auch diesen verwenden.

habt ihr vielleicht noch einen anderen vorschlag?
weil das:
div{ background-color:#ccc;}
div:hover{ background-color:#eee;}
eben nicht funkt.

[Struppi]

Hallo MiB16

sollte aber gerade beim IE funken, da die meisten user auch diesen verwenden.

Wenn du das für Links brauchst, der IE kann :hover nur über Links eventuell brauchst du dann aber noch display:block;

Was alles geht http://css.maxdesign.com.au/index.htm

habt ihr vielleicht noch einen anderen vorschlag?
weil das:
div{ background-color:#ccc;}
div:hover{ background-color:#eee;}
eben nicht funkt.

Wie denn ohne Antenne?

Struppi.

[MudGuard]

Hi,

eben nicht funkt.
Wie denn ohne Antenne?

Hochspannung und zwei nahe beieinanderliegende Kontakte - kennt man doch von den Piezo-Feuerzeugen ;-)

cu,
Andreas

[nag]

Hallo,

Ich möchte wenn mann mit der Maus über eine Zelle einer Tabelle fährt sich der Tabllenhintergund ändert.

• der Hintergrund der Zelle oder der Tabelle?
• stehen in zufällig in den Tabellenzellen Links?

mouseover --> class="1"
mouseout --> class="2"

• warum hast du als Thema "CSS" angegeben, obwohl du hier offenbar
    einen Javascript Eventhandler anwenden willst?

mfg NAG

[MiB16]

ich will nur das wenn ich mit dem mauszeiger über die tabelle fahr, der zelle eine andere klasse zugewiesen wird.