✔ Postion von <input>

[paulex032]

Hallo liebe Leute,
ich hab mal eine frage. Ich habe ein Inputfeld ganz normal in eine html-Seite eingefügt, völlig ohne top und left oder sowas, es ist eben dort wo es ist.

Nun möchte ich aber an die Unterkante des Textfeldes ein Div anfügen, so Kalendermässig.
Das Problem ist nun das ich nicht auf den Top- und Left-wert von dem Textfeld zugreifen kann und somit das div nicht perfekt positioniert. Hat vielleicht jemand ne Idee oder etwas wie ich die absoluten Koordinaten von dem Textfeld rausbekomme?

Ich hoffe das hat jetzt jemand verstanden und der kann mir dann auch weiterhelfen.

Danke und frohe Ostern

 

[FipsTheThief]

angenommen dein Inputfeld hat eine ID.

function getPosition(element) {
    var w = element.offsetWidth;
    var h = element.offsetHeight;
    var l = 0;
    var t = 0;

   while (element.offsetParent) {
       l += element.offsetLeft;
       t += element.offsetTop;
       element = elment.offsetParent;
   }

    /* body nicht vergessen */
    l += element.offsetLeft;
    t += element.offsetTop;
   
    return {width:w,height:h,posX:l,posY:t};
}

var position = getPosition(document.getElementById("input"));
alert("left"+position.posX+
        "\r\ntop:"+position.posY+
        "\r\nweite:"+position.width+
        "\r\nhöhe:"+position.height);

ungetestet aber sollte so funktionieren.

 

[paulex032]

Ich bedanke mich!
Es funktioniert genau so wie's soll.