div positioning not working as expected

jon23d · Jul 6, 2006

Good afternoon,

I am trying to get a pop-up div to position itself relative to the
mouse position when a user clicks on a link. The positioning is
working fine in every browser except IE where it is positioned properly
on the left, but not the top is at the very top of the page instead of
at tempx-175px... Here is my code, can anyone see what I am doing
wrong?

function revealMenu(e, elementID){
// get x,y
if (document.all) {
// for IE
tempX = e.clientX + document.body.scrollLeft;
tempY = e.clientY + document.body.scrollTop;
} else {
// for everything else
tempX = e.pageX;
tempY = e.pageY;
}
document.getElementById(elementID).style.top=(tempY-175)+'px';
document.getElementById(elementID).style.left=(tempX-175)+'px';
document.getElementById(elementID).style.visibility = "visible";
}

mertas · Jul 6, 2006

Try this one. It's a little different from yours, but it works fine in
IE and FF (i didn't test in others).

<body style="padding:0px; margin:0px;">
<div onClick='revealMenu(event);' style="position:relative; width:200%;
height:200%;">

<div id="mydiv" style="position:absolute; border:1px solid
red;">123</div>

</div>

<script>
function revealMenu(e){
var posx = 0;
var posy = 0;
if (!e) var e = window.event;
if (e.pageX || e.pageY)
{
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY)
{
posx = e.clientX + document.body.scrollLeft;
posy = e.clientY + document.body.scrollTop;
}
document.getElementById('mydiv').style.top=(posy)+'px';
document.getElementById('mydiv').style.left=(posx)+'px';
}
</script>
</body>

problemas para mostrar div segun navegador onmousemove onmouseout	0	Nov 11, 2008
ScrollTop don't work on Window.Open	0	Sep 11, 2006
reposition DIV element	3	Sep 24, 2004
Capture Mouse Coordinates FireFox	2	Dec 7, 2005
HOW: Center this popup message on screen.	1	Nov 9, 2005
Mouse position in both fixed and relative positioning	2	May 17, 2011
Firefox compatibility	1	Feb 4, 2007
Getting Mouse coordinates in a DIV	4	Feb 25, 2005

div positioning not working as expected

jon23d

mertas

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads