Will: Fehler in meinem Script? (Strecke durch koordinaten berechnen)

Beitrag lesen

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>