JQuery: How to create a lighbox to open up a webpage

views:

answers:

JQuery: How to create a lighbox to open up a webpage

Using JQuery, how do I create a lightbox effect but instead of display a single photo - I want to display an HTML document within the lightbox.

Essentially, if you have every used Facebook - they do this effect all the time. Instead of going to a new webpage to send a message, it just pops up the message HTML form inline on the current page.

UPDATE

Does anyone have more information on JQuery Dialog built-in capabilities. It appears I might be able to have a JQuery Dialog load an external web page ... but am having a difficult time finding the info.

One of the most popular JQuery based solutions that can do IFrames is Thickbox.

It is no longer maintained apparently, but should be fine to use right now and also features a number of alternatives on its front page.

Pekka 2010-01-06 17:43:15

This may not be exactly what you're looking for, but aside from the Lightbox plugin, you could try jQueryUI's Dialog.

Jason 2010-01-06 17:44:13

This interesting given that it's apart of the core library. I'll have to look into seeing if the JQuery UI Dialog supports opening up HTML links

TeddyB 2010-01-06 17:48:14

+3 A:

This contains all you need!

mr.bio 2010-01-06 17:45:02

that's a pretty relevant link to this question

Jason 2010-01-06 17:47:40

Why is it that *Shadowbox* gets so little publicity? It's an excellent system.

Will Vousden 2010-01-06 17:49:51

Because people like me have never heard of Shadowbox. It's part of how well you advertise your product as well.

Doug 2010-01-06 17:51:43

Well I always considered Shadowbox to be fairly high profile. I guess not. It's probably the best one I've come across, though.

Will Vousden 2010-01-06 17:53:43

I checked it out and I like it :)

Doug 2010-01-06 18:26:33

@Doug, Inquisitor - What's the link for shadowbox?

TeddyB 2010-01-06 19:12:59

Take a look at fancybox.

FancyBox is a jQuery plugin for displaying images, html content and multi-media in a Mac-style "lightbox" that floats overtop of web page.

filippo 2010-01-06 20:52:06

ansaurus

tags:

views:

answers:

JQuery: How to create a lighbox to open up a webpage

related questions