Find absolute position of element on page

Script version:1.0
Language:Javascript
Rating:
0 (0 votes cast)
Category:32
Description:This script locates an element on the page by checking the x and y offset of each parent element and returning a two dimensional array.
Instructions:use the function like this:

var myelement = document.getElementById('myDiv')
if (myelement){
position = findPos(myElement);
document.write ('left = ' + position[0]);
document.write('right = ' + position[1]);
}

// to position another element eg pop up a div layer on mouseover, you can do this:

myPopUp = document.getElementById('myPopUpDiv');
myPopUp.top = position[1] + "px";
myPopUp.left = position[0] + "px";
Code:




Comments

No comments have been added for this script
Name: *
Email: (not shown on website)
Website:
Rate this script:
1 2 3 4 5 6 7 8 9 10
worse better
Comment: *
CAPTCHA Image
Change Image
Write the characters in the image above


* = required field

Related Scripts:

Tags

[ dhtml ] [ popups ] [ positioning ] [View tag cloud]






Tag Cloud    Submit a script


Latest Scripts Added

Pass null parameter in to parameterized query (ASP.net)
10 August 2010
If you try to use a parameterizes query like this: SqlCommand comm = new SqlCommand(); comm.CommandText = "insert into Authors (firstname, surname) values ...

Javascript List all properties for an object (Javascript)
23 March 2010
This code will expose all properities for a javascript object in a new window. Very handy little tool found here: http://www.faqts.com/knowledge_base/view.phtml/aid/8276

c# isNumeric function (ASP.net)
22 March 2010
There is no built in function for isNumeric, however there is a tryParse function that returns true if a string can be converted to a number. A quick and simple method for isNumeric is below.

ASP Hit Counter in Text File (ASP)
11 February 2010
This script will open up a text file and increment the value by 1. Can be used as a page specific hit counter (although using a separate google analytics profile is a better method)

ASP Replace in HTML (ASP)
10 February 2010
This function is designed to replace text in HTML strings so that only the non HTML code is replaced. If the searched for phrase is found in the body of the HTML, then the function will firstly ...

Recommended Sites: