Wo liegt der fehler in meinem Script? warum schreibt der NaN, wenn ich das Ergebnis wissen will???
Hier das Script in HTML :
<html>
<head><title>testpage für JavaScript</title>
<script language="Javascript" type="text/javascript">
var isNav = (navigator.appName.indexOf("Netscape") !=-1);
function handlerDC(e){
Xdc = (isNav) ? e.pageX : event.clientX;
Ydc = (isNav) ? e.pageY : event.clientY;
document.dataholder.dcX.value=Xdc;
document.dataholder.dcY.value=Ydc;
}
// Maushandler für losgelassene Taste.
// @param e Objekt vom Typ event, hält die Koordinaten des Mauszeigers
function handlerMU(e){
Xmu = (isNav) ? e.pageX : event.clientX;
Ymu = (isNav) ? e.pageY : event.clientY;
document.dataholder.muX.value=Xmu;
document.dataholder.muY.value=Ymu;
}
// für gedrückte Taste
function handlerMD(e){
Xmd = (isNav) ? e.pageX : event.clientX;
Ymd = (isNav) ? e.pageY : event.clientY;
document.dataholder.mdX.value=Xmd;
document.dataholder.mdY.value=Ymd;
}
function handlerMM(e){
Xmm = (isNav) ? e.pageX : event.clientX;
Ymm = (isNav) ? e.pageY : event.clientY;
document.dataholder.mmX.value=Xmm;
document.dataholder.mmY.value=Ymm;
}
// für gedrückte Taste
function handlerMO(e){
Xmo = (isNav) ? e.pageX : event.clientX;
Ymo = (isNav) ? e.pageY : event.clientY;
document.dataholder.moX.value=Xmo;
document.dataholder.moY.value=Ymo;
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE); // ??Ausgabe der Daten??
document.captureEvents(Event.MOUSEDOWN);
document.captureEvents(Event.MOUSEOVER);
document.captureEvents(Event.MOUSEUP);
document.captureEvents(Event.DBLCLICK);
}
document.onmouseover = handlerMO;
document.onmousedown = handlerMD;
document.onmouseup = handlerMU;
document.onmousemove = handlerMM;
document.ondblclick = handlerDC;
function SchreibeTabelle() // Streckenberechnung
{
var muX, muY, mdX, mdY, a1, b1, a2 , b2, c2;
var Satzteil = "Das Quadrat von ";
document.close();
document.open("text/html");
document.writeln('<table border="1"><tr>');
document.writeln('<td bgcolor="EEEEEE">Wert</td>');
document.writeln('<td bgcolor="EEEEEE">Wert<sup>2</sup></td>');
document.writeln('<td bgcolor="EEEEEE">Wert<sup>3</sup></td></tr>');
for
a1 = mdX - muX; // Formeln für die Streckenberechnung
b1 = mdY - muY;
a2 = a1 * a1;
b2 = b1 * b1;
c2 = a2 + b2;
document.writeln('<tr><td>' + c2 + '</td>');
document.writeln('<td>' + a2 + '</td>');
document.writeln('<td>' + b2 + '</td></tr>');
}
document.writeln('</table>');
</script>
</head>
<body>
<form name="dataholder"></center>
<center><table BORDER >
<tr>
<td></td>
<td>X Position</td>
<td>Y Position</td>
</tr>
<tr>
<td>
<center>Aktuell</center>
</td>
<td>
<center><input type="text" size=5 name="mmX" value="0"></center>
</td>
<td>
<center><input type="text" size=5 name="mmY" value="0"></center>
</td>
</tr>
<tr>
<td>
<center>Taste losgelassen</center>
</td>
<td>
<center><input type="text" size=5 name="muX" value="0"></center>
</td>
<td>
<center><input type="text" size=5 name="muY" value="0"></center>
</td>
</tr>
<tr>
<td>
<center>Taste gedrückt</center>
</td>
<td>
<center><input type="text" size=5 name="mdX" value="0"></center>
</td>
<td>
<center><input type="text" size=5 name="mdY" value="0"></center>
</td>
</tr>
<center></form>
<form name="Strecke" action="">
<p>Hier ist die zurückgelegte Entfernung:</p>
<input type="button" value="hier klicken!"
onClick="SchreibeTabelle()">
</form>
</body>
</html>