CSS layer on top of page

[map]

Greetings everyone!

OK, so you all probably know those JS/CSS thingies - when you click on a small picture (or text), nice full-size image will open in new "window" on top of your current page.

Examples are here: http://highslide.com/

I am looking for a super basic thing like this with no (or very little) JavaScript.

What I want to do is - click on some text on my page and this sexy "window" with HTML content (no image) will open. It will be a big "window" so I need it to be centered in the middle of page/user browser.

It would be super-cool if it would make my page be in a shadow or fog or something but it's not necessary.

Thanks for help guys.

 

[jnjc]

Have a look at :

http://jquery.com/demo/thickbox/

Look at the "Inline Content" and "iFrame Content" demos.

Other than that, the box effect you are talking about is commonly known as a "Lightbox". Do some searches for things like "Text Only Lightbox"...

HTH,
JC