Just wondering if there is a way to create a custom popup window that is not OS/Browser generated with javascript. Essentially I want to create a window that displays information in an overlay window when a link is clicked while the rest of the page content below is slightly darkened. Is this possible with js? If not, where should I be looking to pull this type of effect off?

Wait, can this be done with css?

Wait, can this be done with css?

Nope.

just lookup "lightbox" in your favourite search engine

Basically you just put the div with position absolute and display none ; and then the javascript will include something like this

function showit() {
window.document.getElementById("theDiv").style.dis play = "block"
}

And the html inside could be...
<a onclick="showit();">Click to show annoying pop up</a>

To hide it again with Javascript you go like this

function hideit() {
window.document.getElementById("theDiv").style.dis play = "none"
}

And then the option to close it inside the "theDiv"
<a onclick="hideit();">X Close</a>

Great, thanks guys! I think AltIvan's method is closer to how I was thinking of doing this. Will this method gray out the background though?

something like http://www.candsdesign.co.uk/article...-a-disclaimer/ ?

I was thinking more like the lightbox look but I need to have content the user can interact with in the window such as a clickable email address and an embedded google map. Lightbox only supports images it seems...

If you go here then click on deuce love care notice on the bottom right, this showcases the exact thing I am looking for.

http://deucesport.com/ProductDetails...id=179&cid=123

Okay, got it. Below you can see what I was trying to achieve by clicking on about or contact:
http://sigautohomeins.com/

Thanks again for all the help!

Use the same code from the link I posted in post #6 that is triggered by a onload event, you simply trigger it with an onclick event instead.

That's exactly what I did. Did you see my link above? That is my end result...