PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : mit javascript a:hover ersetzen

Caesar
08.03.2004, 22:08
hi!
das problem ist recht simpel. ich weiß, daß es die style-anweisung a:hover gibt, aber eben diese möchte ich mit einem javascript ersetzen (ich habe damit noch was anderes vor).
ich habe folgendes probiert, was leider keinerlei effekt hat:

<html>
<head>
<script language="JavaScript">
function farbe_over()
{
this.style.color='#ffffff';
}
function farbe_out()
{
this.style.color='#000000';
}
</script>
</head>
<body>
<a href="testseite.html"
onMouseOver="javascript:farbe_over();"
onMouseOut="javascript:farbe_out();">ein link zum testen</a>

</body>
</html>

dieses funktioniert nicht und ich habe schon mehrmals danach im internet gesucht. diesen lösungsvorschlag fand ich im selfhtml-forum. wer kann mir weiterhelfen?

gruß,
*Caesar*

Cord Worthmann
09.03.2004, 00:53
moin!

du verwendest den this-pointer falsch....


<html>
<head>
<script language="JavaScript" type="text/javascript">
function farbe_over(link)
{
link.style.color='#ffffff';
}
function farbe_out(link)
{
link.style.color='#000000';
}
</script>
</head>
<body>
<a href="testseite.html" onMouseOver="farbe_over(this)" onMouseOut="farbe_out(this)">ein link zum testen</a>
</body>
</html>





grtz
chief
Caesar
09.03.2004, 01:09
hi!
super, danke, das funktioniert.
mich hatten die ausführungen bei selfhtml etwas auf die falsche fährte gelenkt. ich dachte bei dem this-pointer an einen this-pointer wie er bei c# z.b. zum einsatz kommt. ;-)
problem erkannt,...
gruß,
*Caesar*
Jan Krüger
09.03.2004, 01:31
Warum kannst du a:hover eigentlich nicht einsetzen?
Caesar
09.03.2004, 16:09
hi!
das a:hover möchte ich ersetzen, weil ich ein kleines script schreiben möchte, daß die schrift z.b. in feinen stufen aufleuchten läßt und wieder verschwinden oder abdunkeln (fading). solche scripte gibt es zwar auch fertig zum download, aber ich will lieber erstmal auch alles selbst gemacht haben und nicht auf copy->paste zurückgreifen. ;-)
im moment experimentiere ich deshalb mit
var meininterval = setInterval( code(),delay);
function code()
{...};
...
clearInterval(meininterval);
aber irgendwas haut noch nicht hin. das finde ich hoffenltich noch raus. ;-)
gruß,
*Caesar*