Popup at mouse X/Y problem

2 New Member

Hi, I've been playing around with trying to get a popup window to open following a mouse click at the position of the mouse.

The following (hastily put together) code works in IE but Firefox is unresponsive.

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

<script language="JavaScript"><!--

function showWindow(e) {

    posx=0;posy=0;

    var ev=(!e)?window.event:e;//IE:Moz

    if (ev.pageX){//Moz

    posx=ev.pageX+window.pageXOffset;

    posy=ev.pageY+window.pageYOffset;

    }

    else if(ev.clientX){//IE

    posx=ev.clientX+document.body.scrollLeft;

    posy=ev.clientY+document.body.scrollTop;

    }

    else{return false}//old browsers

    myWindow=window.open('coordinates.html','windowName','width=100,height=100,screenX=' + posx + ',screenY=' + posy + ',left=' + posx + ',top=' + posy);

}

//--></script>

</head>

<body>

..............................<a href="#" onClick="showWindow();">hxgdfh</a>

</body>

</html>

BUT... adding in a "document.onclick=showWindow" sees the code working in both browsers (but, obviously, from any click in the window - rather than just the link text)

Expand|Select|Wrap|Line Numbers

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

<script language="JavaScript"><!--

function showWindow(e) {

    posx=0;posy=0;

    var ev=(!e)?window.event:e;//IE:Moz

    if (ev.pageX){//Moz

    posx=ev.pageX+window.pageXOffset;

    posy=ev.pageY+window.pageYOffset;

    }

    else if(ev.clientX){//IE

    posx=ev.clientX+document.body.scrollLeft;

    posy=ev.clientY+document.body.scrollTop;

    }

    else{return false}//old browsers

    myWindow=window.open('coordinates.html','windowName','width=100,height=100,screenX=' + posx + ',screenY=' + posy + ',left=' + posx + ',top=' + posy);

}

document.onclick=showWindow

//--></script>

</head>

<body>

..............................<a href="#" onClick="showWindow();">hxgdfh</a>

</body>

</html>

Any ideas on making the code work without the "document.onclick=showWindow" would be very helpful.

Thanks!

Feb 27 '07 #1

Subscribe Reply

2103

wookaru

New Member

I have had success using:

posx=ev.clientX+pageXOffset;
posy=ev.clientY+pageYOffset;

for the position in Firefox. Hope that helps

Feb 27 '07 #2

iam_clint

1,208

Recognized Expert Top Contributor

Expand|Select|Wrap|Line Numbers

 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>

<script language="JavaScript"><!--

var posx;var posy;

function getMouse(e){

posx=0;posy=0;

var ev=(!e)?window.event:e;//IE:Moz

if (ev.pageX){//Moz

posx=ev.pageX+window.pageXOffset;

posy=ev.pageY+window.pageYOffset;

}

else if(ev.clientX){//IE

posx=ev.clientX+document.body.scrollLeft;

posy=ev.clientY+document.body.scrollTop;

}

else{return false}//old browsers

}

document.onmousemove=getMouse

function showWindow(e) {

 myWindow=window.open('coordinates.html','windowName','width=100,height=100,screenX=' + posx + ',screenY=' + posy + ',left=' + posx + ',top=' + posy);

}

//--></script>

</head>

<body>

<a href="javascript: void(0);" onClick="showWindow();">hxgdfh</a>

</body>

</html>

try this out

Feb 27 '07 #3

jbailiss

New Member

Thanks guys - I've sort of answered my own question though.

It seems I was being very sloppy (being a bit of a JS newb) and the link should have been <a href="#" onClick="showWindow(event);">

Thanks for the code though iam_clint, it's definitely a good option!

Feb 27 '07 #4

Similar topics

HelpProvider's popup blocking thread

by: Greg Bacon | last post by:

We have a messaging application that makes seemingly unremarkable use of a HelpProvider component. However, after we've received a message, if we display the help popup (either via F1 or through...