nicht angemeldet
onMouseOver bei NN 4.0 ?
Hi
Habe einen kleinen Test gemacht: OnMouseOver in einer Zelle. Funktioniert ganz gut mit IE 5 und NN 7.0. Bei NN 4.0 geht jedoch nix.
<html>
<head>
<title>OnMouseOver Test</title>
</head>
<body>
<table border="1" bgcolor="#e4e4e4">
<tr>
<td onMouseOver="this.style.backgroundColor='#e5c85f'" onMouseOut="this.style.backgroundColor='#e4e4e4'">Test</td>
</tr>
</table>
</body>
</html>
Wäre toll, wenn mir da jamend nen Tip hat, wie man das Problem umschiffen kann (Wenn möglich ohne JS).
Gruss
Peter
-
Hi
Wäre toll, wenn mir da jamend nen Tip hat, wie man das Problem umschiffen kann (Wenn möglich ohne JS).
Dein Ansatz funktioniert bereits jetzt nur mit Javascript!
Ohne geht es für Links mit CSS -> a:hover, aber das kann der NS4 schon gar nicht.Dein Problem kann sein, dass das Ereignis eigentlich onMouseover heisst.
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover-
Hi
Wer lesen kann, ist klar im Vorteil:
http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm#onmouseover
onMouseover ist laut NS4 nur für <area> und <a> erlaubt.
-
Hi
Anhand der Tatsache:
onMouseover ist laut NS4 nur für <area> und <a> erlaubt.
Sollte es doch so gehen:
<a href="test.html" target="_blank" onMouseover="this.style.backgroundColor='#e5c85f'" onMouseout="this.style.backgroundColor='#e4e4e4'">Test</a>
Geht aber auch nicht...
Gruss
Peter-
Hi
Anhand der Tatsache:
onMouseover ist laut NS4 nur für <area> und <a> erlaubt.
Sollte es doch so gehen:
<a href="test.html" target="_blank" onMouseover="this.style.backgroundColor='#e5c85f'" onMouseout="this.style.backgroundColor='#e4e4e4'">Test</a>
Geht aber auch nicht...
Gruss
Petergeht schon. dein NN4 sollte dich aber auf einen Javascript-Fehler hinweisen.
this.style has no properties.
Das Style-Objekt kennt der alte Netscape 4 nämlich auch nicht.
Lösungsvorschlag: Das ding in ein <div>/<layer> packen und bgColor setzen.
Oder im NN4 darauf verzichten ;-)
-
Hi
Oder im NN4 darauf verzichten ;-)
Das ist warscheinlich das Beste.
Nur: Wieso wird beim link nicht der ganze background der Zelle verändert ? Im Moment wird nur der Background direkt hinter dem Text gewechselt...Gruss
Peter-
Das ist warscheinlich das Beste.
Nur: Wieso wird beim link nicht der ganze background der Zelle verändert ? Im Moment wird nur der Background direkt hinter dem Text gewechselt...weil er nur das machen soll, nämlich die Hintergrundfarbe des Links ändern.
Ausserdem war bis jetzt noch nicht von einer Tabelle die Rede.
Nebenbei, wenn du für N4 auf diese Gimmick verzichten willst, dann schau dir a:hover unter CSS an, dann hast eine Lösung wirklich ohne Javascript!
-
Hi
weil er nur das machen soll, nämlich die Hintergrundfarbe des Links ändern.
Ausserdem war bis jetzt noch nicht von einer Tabelle die Rede.
Das wäre eigentlich mein Ziel, den Hintergrund einer Zelle zu ändern und nicht nur den Text des Links.
Wie wird das gemacht ?Gruss
Peter-
Hallo,
weil er nur das machen soll, nämlich die Hintergrundfarbe des Links ändern.
Ausserdem war bis jetzt noch nicht von einer Tabelle die Rede.
Das wäre eigentlich mein Ziel, den Hintergrund einer Zelle zu ändern und nicht nur den Text des Links.
Wie wird das gemacht ?du könntest die Tabelle in einen div packen und den jeweils neu schreiben,
einfacher kann es jedoch sein ein div mit position:relative in die Zelle
zu setzen, und die Hintergrundfarbe des div zu ändern.Grüsse
Cyx23
-
Hallo,
folgendes könnte (ungetestet) auch gehen:
<script type="Javascript" ...>
function wechsel() {
if (document.getElementById)
document.getElementById("wechselmich").style.backgroundColor="#ABC";
}
</script>....
<td id="wechselmich"><a href="dfg" onMouseover="wechsel();">test</a></td>
-
Hallo,
folgendes könnte (ungetestet) auch gehen:
<script type="Javascript" ...>
function wechsel() {
if (document.getElementById)
document.getElementById("wechselmich").style.backgroundColor="#ABC";
}
</script>....
<td id="wechselmich"><a href="dfg" onMouseover="wechsel();">test</a></td>
für Netscape 4 müsste ein ilayer definiert werden, oder oft besser ein div oder span.
<style>#wechselmich{position:relative;background-color:....}</style>
..
<td><span id=wechselmich><a href="dfg" onMouseover="wechsel();">test</a></span></td>und dann wohl <script>document.layers["wechselmich"].bgColor=
Grüsse
Cyx23
-
-
-
-
-
-
<a href="test.html" target="_blank" onMouseover="this.style.backgroundColor='#e5c85f'" onMouseout="this.style.backgroundColor='#e4e4e4'">Test</a>
Geht aber auch nicht...
Das Style-Objekt kennt der alte Netscape 4 nämlich auch nicht.
Nicht zu vergessen, dass du dich mit "this" immer auf das aktuelle Objekt beziehst, in diesem Fall also den Link und nicht die Tabellenzelle...
Grüße
Sascha
-
-
-
-