kostenloser Webspace werbefrei: lima-city


JavaScript: reale Position eines HTML-Elements ermitteln

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    funnyweb

    Kostenloser Webspace von funnyweb

    funnyweb hat kostenlosen Webspace.

    Hallo,

    ich habe kaum Erfahrung mit JavaScript. Wie kann man die tatsächliche Position eines Elements auf einer HTML-Seite mit JavaScript ermitteln (z. B., wo
    <section id="abschnitt2">
    beginnt)?
    Ich habe diesen Codeschnipsel unter http://www.quirksmode.org/js/findpos.html gefunden:
    function findPos(obj)
    {
    	var curleft = curtop = 0;
    	if (obj.offsetParent)
    	{
    		do
    		{
    			curleft += obj.offsetLeft;
    			curtop += obj.offsetTop;
    		} while (obj = obj.offsetParent);
    	return [curleft,curtop];
    	}
    }

    Aber was genau muss ich als Parameter übergeben?
    Vielen Dank für jede Hilfe!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Es gibt eine Funktion im JavaScript, die genau das für dich tut: https://developer.mozilla.org/de/docs/Web/API/Element/getBoundingClientRect

    var el = document.getElementById('abschnitt2');
    var rect = el.getBoundingClientRect();

    rect ist nun ein Objekt, welches die Eigenschaften top, left, right, bottom, width und height enthält (zumindest seit IE9, vorher war des bissel anders).

    Liebe Grüße
  4. Autor dieses Themas

    funnyweb

    Kostenloser Webspace von funnyweb

    funnyweb hat kostenlosen Webspace.

    all-in1 half und ggamee auch.

    Vielen Dank, jetzt klappt es!
  5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!