Michael Kleinhans: .offsetTop ??? Auf was bezieht sich das denn?

Selfhtml spricht zu offsetTop:
"Speichert den Abstand eines Elements zum oberen Fensterrand."

Kann mir einer erklären, warum in diesem Beispiel beim mit der Mouse drüberfahren immer der Wert 1 kommt?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
<head>
</head>
<body>
  <table>
    <tr>
      <td>
        <input id="pos_1" type=button value="Test" onMouseover="javascript:alert(document.all.pos_1.offsetTop)">
      </td>
    </tr>
    <tr>
      <td>
        <input id="pos_2" type=button value="Test" onMouseover="javascript:alert(document.all.pos_2.offsetTop)">
      </td>
    </tr>
    <tr>
      <td>
        <input id="pos_3" type=button value="Test" onMouseover="javascript:alert(document.all.pos_3.offsetTop)">
      </td>
    </tr>
  </table>
</body>
</html>

  1. Hi

    setz in jedes input-tag style="position:relative;" dann liefert es die pixel von oben...

    PS: du kannst die js-funktion umschreiben...du musst nicht immer auf das objekt zugreifen, da du dich schon auf diesem befindest -> this.offsetTop

    also:
    <input style="position:relative;" type=button value="Test" onMouseover="javascript:alert(this.offsetTop)">

    schöne, cu
      capior