GeekZilla
The following code will return the top and left position for an element.
var ns4 = (navigator.appName.indexOf("Netscape")>=0 && parseFloat(navigator.appVersion) >= 4 && parseFloat(navigator.appVersion) < 5)? true : false; var ns6 = (parseFloat(navigator.appVersion) >= 5 && navigator.appName.indexOf("Netscape")>=0 )? true: false; var ns = (document.layers)? true:false; var ie = (document.all)? true:false; function getElLeft(el) { if (ns4) {return el.pageX;} else { xPos = el.offsetLeft; tempEl = el.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } } function getElTop(el) { if (ns4) {return el.pageY;} else { yPos = el.offsetTop; tempEl = el.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } }
Paul is the COO of kwiboo ltd and has more than 20 years IT consultancy experience. He has consulted for a number of blue chip companies and has been exposed to the folowing sectors: Utilities, Telecommunications, Insurance, Media, Investment Banking, Leisure, Legal, CRM, Pharmaceuticals, Interactive Gaming, Mobile Communications, Online Services.
Paul is the COO and co-founder of kwiboo (http://www.kwiboo.com/) and is also the creator of GeekZilla.
Comments
yashman
said:
Hi Paul,
Thanks for the script. With this script I am trying to set the position of the layer just below the button and with the help of your script it works in IE but not in Chrome and other browsers.
Basically I have a button and I want to show the layer right below the button. I am using the
intBtnHeight = document.getElementById("btnStudents").clientHeight; to get the height and setting the layer accordingly.
what could I missing in this to make it cross browser compatible.
