kostenloser Webspace werbefrei: lima-city


JavaScript: reale Position eines HTML-Elements ermitteln

lima-city: kostenloser WebspaceForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    funnyweb

    Kostenloser Webspace von funnyweb

    Benutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos Webspace Knappe

    6112 Gulden

    12 positive Bewertungen
    0

    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. all-in1

    Kostenloser Webspace von all-in1

    Benutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos Webspace Knappe

    6532 Gulden

    67 positive Bewertungen
    1

    all-in1 hat kostenlosen Webspace.

  4. ggamee

    Kostenloser Webspace von ggamee

    Benutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos Webspace Drachentöter

    16386 Gulden

    74 positive Bewertungen
    1

    ggamee hat kostenlosen Webspace.

    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
  5. Autor dieses Themas

    funnyweb

    Kostenloser Webspace von funnyweb

    Benutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos WebspaceBenutzer, kostenlos Webspace Knappe

    6112 Gulden

    12 positive Bewertungen
    0

    funnyweb hat kostenlosen Webspace.

    all-in1 half und ggamee auch.

    Vielen Dank, jetzt klappt es!
  6. 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!