Hallo,
ich würde gerne die Zeit angeben die jemand mit der Maus über einem Element (z.B. Grafik) verweilt. Ich habe mir gedacht das am besten mit den Eventhandlern onMouseOver und onMouseOut zu machen. Leider funktioniert der unten angeführte Syntax nicht und ich weiß nicht warum! Desweiteren ist mir nicht klar wie ich die Zeit in dem Ausgabefeld des Formulars angeben kann, mit document.form.Eingabe.value = Anfangszeitpunkt; geht es jedenfalls nicht. Wie mache ich es besser?
Syntax:
html><head><title>Test</title>
<script type="text/javascript">
<!--
var Start = new Date();
var Startzeit = Start.getTime();
function AnfangElement() {
var Anfang = new Date();
var Anfangszeit = Anfang.getTime();
var Anfangszeitpunkt = (Anfangszeit - Startzeit) / 1000;
a3.filters.item(0).enabled = 0;
}
function EndeElement() {
var Ende = new Date();
var Endzeit = Ende.getTime();
var Endzeitpunkt = (Endzeit - Startzeit) / 1000;
var ZeitAufElement = Endzeitpunkt - Anfangszeitpunkt;
a3.filters.item(0).enabled = 1;
alert("Sie waren " + ZeitAufElement + " Sekunden auf dem Element.");
}
// -->
</script>
</head>
<body>
<img src="C:/Eigene Dateien/Eigene Bilder/cepal2.gif" id="a3" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=9)" width="200" height="200" onMouseOver="AnfangElement()" onMouseOut="EndeElement()">
<p>
<form name="Zeit" action="">
Zeit in Sekunden: <input type="text" name="Eingabe" readonly>
</form>
</body></html>