Hartmut R.: event-handler onmousedown

Beitrag lesen

SELF-Forum

event-handler onmousedown

Hartmut R.
– Informationen zu den Bewertungsregeln

Hallo roman!

Also so ganz verstehe ich es noch nicht, aber hier mal ein Code, der beim Klicken auf die Grafik die jew. Mauskoordinaten aufnimmt:

<html>
<head>
<title></title>

<script language="javascript">

<!--
var md;
var x=0,y=0;
var ux;
if (navigator.appName=="Netscape")
   {window.captureEvents (Event.MOUSEDOWN);
   window.onmousedown=down;}
   else
document.onmousedown=down;
function down(e) {
  if(navigator.appName=="Netscape")
    {x=e.layerX; y=e.layerY;}
  else
    {x=event.clientX; y=event.clientY;}

if (document.scrollLeft)
    x+=document.scrollLeft;
  if (document.scrollTop)
    y+=document.scrollTop;
}

function ausrichten() {
  ux=x;
}

function kurve_picken() {
  if (!document.FORM.kurvepicken.checked)
  document.FORM.koord.value += x + "," + y + "\n";
}

//-->

</script>
</head>
<body>

<form name="FORM">
  <table border="1" width="50%" cellpadding="2" cellspacing="2">
   <tbody>
        <tr>
          <td valign="top">

<input type="button" value="Ausrichten" onClick="ausrichten()">

Lange der X-Achse:
<input type="text" name="x-achse" value="" size="4"><BR>
Lange der Y-Achse:
<input type="text" name="y-achse" value="" size="4">

<input type="checkbox" name="kurvepicken"> Kurve picken
<textarea name="koord" wrap="virtual" rows="8" cols="10"></textarea>
<input type="reset" value="Löschen">
</td>
          <td valign="top"><br>
  <a href="#" onClick="kurve_picken(); return false;"><img src="test_puls.gif" width="200" height="200"></a>
          </td>
        </tr>

</tbody>
  </table>
    <br>
   </form>
  <br>

</body>
</html>

Wenn Du die Koordinaten nicht nur beim MouseDown haben möchtest, sondern beim MouseMove, dann brauchst Du den Code nur auf onMouseMove umzustellen.

MfG,
Hartmut R.

Beitrag melden
–
Informationen zu den Bewertungsregeln