How can I add a page that pops up when link is clicked?

[iconicCreator]

I'm trying to add a pop up page to my website.

 

To make it easy to understand, I have added a link from the website Game Fly.

 

This is the link: http://www.gamefly.com/game/xbox-360...mmando/130180/

 

When you click on the link, click on the image of the game and you will see the pop up page. It is not a window.

 

What I am looking for is a window or page just like what I mentioned above. With a close window button and I can basically add content to it.

 

I am thinking it is Javascript. I turned off Javascript in the browser and I was amazed because instead of a dead site, a new page opens instead of the pop up page.

 

How can I get this going? Any ideas? Resources?

 

 

Thanks everyone.

 

IC

[xtopolis]

Your link doesn't work for me, but I think I know what you're talking about.

 

I guess the best name for it is a "tooltip", but the idea behind it is a hidden page element that gets shown/populated on some window event.

 

Scroll down to the demo here: http://boxover.swazz.org/

See if that's what you're talking about.

 

As for turning off Javascript and it still working... it's probably just appropriate use of <noscript> tags

[iconicCreator]

Your link doesn't work for me, but I think I know what you're talking about.

 

I guess the best name for it is a "tooltip", but the idea behind it is a hidden page element that gets shown/populated on some window event.

 

Scroll down to the demo here: http://boxover.swazz.org/

See if that's what you're talking about.

 

As for turning off Javascript and it still working... it's probably just appropriate use of <noscript> tags

 

Here is another link, I'm not sure why it did not work, maybe it was modified.

Try this and click on the game image. http://www.gamefly.com/game/xbox-360/FEAR-2-Project-Origin/130125/

 

I like the tool tip but that's not what I was talking about or looking for.

 

IC

[xtopolis]

However, those are the exact same concepts applied in a similar manner.

 

An event is trigger (click the picture).  A div(usually) is displayed, content is loaded(the larger image), and displayed in a pleasant manner (the growing animation).  When the user is done, they click the "close" link which (possibly removes content) hides the div again.

 

The only difference is that instead of following the mouse while it is over the element, they chose to make something happen when a link is clicked.

[RichardRotterdam]

There are tons of  scripts around that does what you want. One of the most popular ones is named "light box".

here's a couple of previous threads on the same matter

http://www.phpfreaks.com/forums/index.php/topic,193208.0.html

http://www.phpfreaks.com/forums/index.php/topic,210459.0.html

[iconicCreator]

There are tons of  scripts around that does what you want. One of the most popular ones is named "light box".

here's a couple of previous threads on the same matter

http://www.phpfreaks.com/forums/index.php/topic,193208.0.html

http://www.phpfreaks.com/forums/index.php/topic,210459.0.html

 

Thank you very, very much for the resources! You have been very helpful.

However, I am wondering if there is a link to the light box you mentioned.

 

Thanks again.

 

IC