kostenloser Webspace werbefrei: lima-city

JavaScript: reale Position eines HTML-Elements ermitteln

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   funnyweb

   

   funnyweb hat kostenlosen Webspace.

   21:11, 22.11.2015

   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

   

   all-in1 hat kostenlosen Webspace.

   22:05, 22.11.2015

   So etwas? http://droeppez.de/download/js-tut/js-tut/tutorial/position.html oder eventuell etwas genauer http://forum.jswelt.de/javascript/24722-aktuelle-position-html-element-ermitteln.html und sogar noch mit der Länge deines Elements http://javascript.jstruebig.de/javascript/53
   
   Ansonsten Tante Google https://www.google.de/search?q=javascript+tats%C3%A4chliche+position+eines+tags+ermitteln&ie=utf-8&oe=utf-8&gws_rd=cr&ei=SCxSVq2FLYHl-wG5uKDwDA und das Ausnahmsweise mal alles in deutsch.

4. g****e

   22:45, 22.11.2015

   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

   

   funnyweb hat kostenlosen Webspace.

   21:12, 23.11.2015

   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?