Плавающие и смещенные Значения Javascript

Question

У меня есть два элемента, которые я плаваю прямо на моей странице XHTML. К сожалению, когда я пытаюсь получить смещение правого самого элемента ... он возвращается как позиция, в которой элемент находился бы, если бы он не был перемещен.

<div id="Left style="float:right"></div> 
    <div id="right" style="float:right"></div> 

    Using Jquery 
    <script type="text/javascript"> 
     var right = $("#right"); 
     alert(right[0].offsetLeft); 
    </script> 

Должен ли я сделать что-то вроде этого?

function findPos(obj) { 
    var curleft = curtop = 0; 
    if (obj.offsetParent) 
    { 
     do 
     { 
      curleft += obj.offsetLeft; 
      curtop += obj.offsetTop; 

     } while (obj = obj.offsetParent); 
    } 
} 

Answer 1

Похоже, вы пытаетесь найти позицию страницы.

Так что да, вы бы использовать такую ​​функцию:

function aGetElementsPagePosition (zElement) 
{ 
    var iLeftOffset = zElement.offsetLeft; 
    var iTopOffset = zElement.offsetTop; 

    while (zElement = zElement.offsetParent) 
    { 
     iLeftOffset += zElement.offsetLeft; 
     iTopOffset += zElement.offsetTop; 
    } 

    return [iLeftOffset, iTopOffset]; 
} 

Answer 2

в конечном итоге делает это:

function findPos(obj) { 
     var pos = new Object(); 
     pos.x = pos.y = 0;   
     if (obj.offsetParent) 
     { 
     do 
     { 
      pos.x += obj.offsetLeft; 
      pos.y += obj.offsetTop; 
     } while (obj = obj.offsetParent); 
     } 
     return pos; 
    } 

Answer 3

Что мне делать, чтобы получить позицию элемента на странице, крестообразно браузерный способ:

var tempEl; 
var myElement = document.getElementById('#someId'); 

//cool guys 
x = myElement.offsetLeft; 
y = myElement.offsetTop; 

//IE 7- 
if (myElement.hasLayout 
    && myElement.offsetParent 
    && myElement.offsetParent != document.body 
    ) { 

    x = 0; 
    y = 0; 
    tempEl = myElement; 

    while (tempEl.parentNode) { 

     if (tempEl.currentStyle.hasLayout) {//very important for floated elements 
      x += (tempEl.offsetLeft) ? tempEl.offsetLeft : 0; 
      y += (tempEl.offsetTop) ? tempEl.offsetTop : 0; 
     } 

     if (tempEl == document.body) { 
      break; 
     } 

     tempEl = tempEl.parentNode; 

    } 

}