Rollover - td bgcolor

[Jumpster]

Hallo,

ich möchte die td tags in meiner navigation so haben das bei rollover halt die bgcolor geändert wird.
Habe das so gemacht:

function out_bgcolor(element,backg) {
element.style.backgroundColor = backg;
element.style.cursor ='auto';
}

function in_bgcolor(element,backg) {
element.style.backgroundColor = backg;
element.style.cursor ='hand';
}

function goto(page){
window.location.href=page;
}

aufruf sieht so aus:

<td width="80" onMouseOver="in_bgcolor(this,'#F2F2F2')" onMouseOut="out_bgcolor(this,'#AFAFAF')" onClick="twoframes('dsfg.php','sdfg.php')"><font><a href="javascript:twoframes('sdfg.php','sdfg_bottom.php')">lalalalink</a></font></td>

das klappt auch wunderbar bei IE und der neuen Mozilla-version 7.10 aber die alte opera-version und mozilla 1.3 kommen damit nicht zurecht...also die Hand wird nicht angezeigt , die Farbe wechselt nicht und der link funktioniert so nicht.

Woran kann das liegen...mache ich da irgendwo nen Fehler ???

[MudGuard]

Hi,

element.style.cursor ='hand';

hand ist kein gültiger Wert für cursor.

das klappt auch wunderbar bei IE

Das ist kein Hinweis auf Korrektheit.

und der neuen Mozilla-version 7.10

Diese Version gibt es von Mozilla nicht.

aber die alte opera-version und mozilla 1.3 kommen damit nicht zurecht...
also die Hand wird nicht angezeigt ,

Warum auch? Fehlerhaftes CSS ist zu ignorieren laut CSS-Standard.

die Farbe wechselt nicht und der link funktioniert so nicht.

Was sagt die Javascript-Konsole?

cu,
Andreas

[Christian]

Hi,

element.style.cursor ='hand';

Nur für IE 4 und 5, ab 6 solltest du "pointer" nehmen. Ist CSS-Standard und alle modernen Browser kennen es. Opera 7, Netscape 6, IE 6. (evtl auch 5.5)

aufruf sieht so aus:

<td width="80" onMouseOver="in_bgcolor(this,'#F2F2F2')" onMouseOut="out_bgcolor(this,'#AFAFAF')" onClick="twoframes('dsfg.php','sdfg.php')"><font><a href="javascript:twoframes('sdfg.php','sdfg_bottom.php')">lalalalink</a></font></td>

wofür das <font>? raus damit!
die funktion goto wird im übrigen auch nie aufgerufen...
twoframes('sdfg.php','sdfg_bottom.php') ist bekommt auch 2 mal verschiedene Paramter... !?!?

das klappt auch wunderbar bei IE und der neuen Mozilla-version 7.10 aber die alte opera-version und mozilla 1.3 kommen damit nicht zurecht...also die Hand wird nicht angezeigt , die Farbe wechselt nicht und der link funktioniert so nicht.

Opera 5 kennt nur das allgemeine style.background, nicht style.backgroundColor, daher solltest du lieber das nehmen, damit kommen alle anderen browser auch zurecht.

Cursor, siehe oben.

Mozilla 1.3 Probs: keine Ahnung...

Gruß
Christian