Before I dive into the jQuery UI I wonder if I could ask a question to see if it will easily do what I want. I have about 20 html pages that I popup with the "old school" window.open. These allow the user to build items on a virtual lunch menu. Selecting the "classic sandwich," for example, pops up a window and loads classic.html into it, which shows the user the attached classic.png display. Selecting "drinks" on the main menu pops up a dialog and loads drinks.html, which shows the attached drinks.png. I'd like to implement these, maybe, with the jQuery UI to give the site a more modern look and to get rid of the XP bars on the top and the bottom. It would be nice if I could also make the popups modal, so clicking back on the main page doesn't make them disappear behind the main page, as it does now.
So the first question is, can the jQuery UI dialogs support the functionality I have in my forms?
Second, is there a simple way to load the "classic.html" file, the "drinks.html" file, and all the other html files directly into the jQuery dialogs I pop up, so I don't have to recode the forms?
<div id='somediv'></div> need to be in the main page, not in the drinks.html You have one main page, for instance index.html, and in this page your have a script that open dialogs. Before opening the dialog, you have to load the content from drinks.html into the main page. You have to tell where you want to load it. So in the main page you create an area used to load your content <div id='somediv'></div> When the content is loaded you can open the dialog box.