• Home
• About

Calculating DIV Position in JavaScript

The following code snippet will return you the top and left position for DIV element used in your web page.

function getPosition(obj){
    var topValue= 0,leftValue= 0;
    while(obj){
	leftValue+= obj.offsetLeft;
	topValue+= obj.offsetTop;
	obj= obj.offsetParent;
    }
    finalvalue = leftValue + "," + topValue;
    return finalvalue;
}





Arguments:
Need to pass the Element Object.

Example:

var d = document.getElementById('divname');
getPosition(d);

NOTE:
This code can also be used to calculate HTML element position also.

Similar Posts

• Convert XML Document to String in JavaScript
• JavaScript XML Parsing on Microsoft Internet Explorer
• JavaScript XML Parsing on Mozilla Firefox / Opera Browsers
• JavaScript XML Parser Properties
• FORM POST in PHP using AJAX
• Check For Special Characters in JavaScript
• Debugging JavaScript Code for Errors
• Data Communication between JavaScript and Adobe Flash Movie
• Two Dimensional Arrays in JavaScript
• Showing Dynamic DIV above SELECT Box

Did you enjoy this post? Why not leave a comment below and continue the conversation, or subscribe to my feed and get articles like this delivered automatically to your feed reader.