How can I load a web page inside of a jQuery dialog box?

Question

Hi, I am designing a wordpress template, and I would like to use jQuery ui to display each of the calendar links in a dialog box, when they are clicked.

What I want, is when someone clicks on a link in the wordpress calendar, the content will load in the dialog box, and display over the calendar.

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

Answer 1

If you want to load a seperate page you can use:

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