How do i Open a page in a dialog box using jQuery?

Question

I need to open the login.aspx page in a dialog box when the user clicks the 'login' link. I've looked at jQuery UI Dialog, but it looks like it can't open whole pages from a given URL?

Do you guys have any tips to what I can use?

Answer 1

You can just create an <iframe> and .dialog() it to get what you're after, short a simple. Elijah Manor has a full post with code on how to do this .

Here's a quick version:

$('<iframe src="login.aspx" />').dialog({
   title: 'Login',
   width: 600,
   height: 400,
   modal: true,
}).width(570).height(370); //give it a bit of padding

Answer 2

使用<iframe> 。