How to make a centered popup?

[Shawn Weeks]

I consider myself a pretty advanced and knowedgable web developer, been doing it for about 7 years. However, in none of that time have I ever created a website that needed a centered popup. Ever.

So, this client calls me up and tells me that they'd like to have a re-design of their site - they want to visit the homepage, and a page popup inside of a popup centered. Thing is, I know how to make JS popups, change width, height, etc, but I don't know how to make one pop up automatically AND centered.

Er, help?

[Jeff Lange]

I can't really help you right now, but I can tell you how it is accomplished in theory.

Basically, you find the height/width of the screen, subtract the height/width of the popup window, then divide by 2, and use that to set the top and left values for window.open().

[Shawn Weeks]

THanks, but I was looking for code

[lazydog]

this might help you:

http://tech.irt.org/articles/js128/

[Jeff Lange]

THanks, but I was looking for code

Yeah I know, lol, I was lazy and busy, which is never a good combination.

[bvarvel]

Funny you should ask... I was just working on this:

<SCRIPT TYPE="text/javascript">
<!--
function ShowPhoto(mylink, wintitle)
{
if (! window.focus)return true;
var href;
var width = 650;
var height = 370;
var centerX=(screen.width-width)/2;
var centerY=(screen.height-height)/2;
if (typeof(mylink) == 'string')
   href=""mylink;
else
   href=""mylink.href;
window.open(href, wintitle, 'top='+centerY+',left='+centerX+',width='+width+',height='+height+',scrollbars=no');
return false;
}
//-->
</script> 

then just call it with:

<a href="showpic.php?photoid=<?=$pid?>" title="See Larger Version" onmouseover="window.status='ShowPhoto';return true" onMouseOut="window.status='';return true" onClick="return ShowPhoto(this, 'Photo')">

[AdidasROXX]

or just do a search on dynamicdrive.com
I've gotten scripts like that there. I think the link is called "browser window"