versuch13
Erfahrenes Mitglied
Hallo, ich versuche mich zur Zeit an JavaScript ran zu tasten und steh jetzt vor einem ich denke kleines Problem mit setTimeout. Habe schon im Forum und bei Selfhtml gesucht und bin auch fündig geworden, allerdings komme ich trotzdem nicht weiter. Ich sehe es doch richtig dass es an der Variablen Übergabe liegt? Hier einfach mal mein Versuch:
Ich hoffe es wird erkenntlich was ich versuche, und zwar möchte ich bei mouseover den CSS Klassennamen ändern und bei mouseout auch, nur eben Zeitverzögert.
Ansonsten bin ich außerdem auch dankbar dafür wenn mir jemand Tipps gibt das ganze noch besser zu machen, wie ich z.B. das setTimeout mit in die Funktion reinbringen kann anstatt es inline zu machen.
Vielen Dank.
Gruß
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
.over {
color:#f00;
}
</style>
<script type="text/javascript">
function omover(element) {
element.className = "over";
}
function omout(element) {
element.className = element.className.replace("over", "");
}
</script>
</head>
<body>
<a href="#" id="one" onmouseover="omover(this)" onmouseout="window.setTimeout('omout(this)', 900)">test</a>
</body>
</html>Ich hoffe es wird erkenntlich was ich versuche, und zwar möchte ich bei mouseover den CSS Klassennamen ändern und bei mouseout auch, nur eben Zeitverzögert.
Ansonsten bin ich außerdem auch dankbar dafür wenn mir jemand Tipps gibt das ganze noch besser zu machen, wie ich z.B. das setTimeout mit in die Funktion reinbringen kann anstatt es inline zu machen.
Vielen Dank.
Gruß
