How do I load a web page inside a jQuery dialog?

Question

I am developing a wordpress template and I would like to use jQuery ui to display each of the calendar links in the dialog when clicked.

I want when someone clicks on a link in the Wordpress calendar, the content is loaded in the dialog box and displayed on the calendar.

I would appreciate any help on this, thanks in advance!

+2

Odyss3us 05 May '10 at 11:21

1 answer

Aneesh · Accepted Answer · 2010-05-05T13:10:26+0000

If you want to load a separate page, you can use:

$("#youDiv").load("yourURL").dialog({
    autoOpen: false,
    modal: true,
    bgiframe: true,
    width: 450
});
$("#youDiv").dialog('open');