Thanks again for the reply Richard. You are a big help. I got that code from the example that came with the .zip file when downloading the Theme. I just copied and pasted into my page, and changed the content. I guess that wasn't quite right. Perhaps that's why it is showing up on the page right away instead of only showing up when you click the link.
I've put in your code, and I think I know why that is correct and mine is wrong. Now the dialog box pops up when you click the link, but it's not wide enough, and I no longer have the close button at the bottom. Also, one of the images (Zone All logo) on the form is somewhat visible when the page is first loaded, or refreshed. It show up right around the "LogMeIn" link. Not sure why that's happening. http://www.scopicdesigns.com/ZoneAll/NewIndex2.htm Brad On Sep 13, 9:42 pm, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > On Sat, Sep 13, 2008 at 9:34 PM, mbrad <[EMAIL PROTECTED]> wrote: > > > I posted where I've gotten to > > >http://www.scopicdesigns.com/ZoneAll/NewIndex.htm > >http://www.scopicdesigns.com/ZoneAll/NewIndex2.htm > > I'm a little concerned to see what I'm seeing when doing 'View Source' on > this page. Most of this html: > > <div class="ui-dialog ui-draggable" style="width: 30em; height: 20em; "> > <div style="position: relative;" class="ui-dialog-container"> > <div class="ui-dialog-titlebar"> > <span class="ui-dialog-title">Connect to LogMeIn rescue!</span> > <a href="#" class="ui-dialog-titlebar-close"><span>X</span></a> > </div> > <div class="ui-dialog-content" id="dialogContent" title="Connect to > LogMeIn rescue!"> > <div id="DialogLogoCont"> > <img src="Images/Dialog/ZoneAllDialog.jpg" > /> > </div> > <div id="DialogLogoCont"> > <img src="Images/Dialog/logolmi.gif" /> > <img src="Images/Dialog/logo-rescue.gif" /> > </div> > <div class="DialogForm"> > <form name='logmeinsupport' > action='https://secure.logmeinrescue.com/Customer/Code.aspx'method='post'> > <table> > <tr><td>Enter your 6-digit PIN code: </td><td><input > type='text' name='Code' value='' /></td></tr> > <tr><td colspan='2'><input type='submit' value='Connect to > technician' /></td></tr> > </table> > <input type='hidden' name='tracking0' maxlength='64' value='' /> > <!-- optional --> > <input type='hidden' name='language' maxlength='5' value='' /> > <!-- optional --> > <input type='hidden' name='hostederrorhandling' value='' /> <!-- > optional --> > </form> > </div> > </div> > </div> > <div class="ui-resizable-n ui-resizable-handle"></div> > <div class="ui-resizable-s ui-resizable-handle"></div> > <div class="ui-resizable-e ui-resizable-handle"></div> > <div class="ui-resizable-w ui-resizable-handle"></div> > <div class="ui-resizable-ne ui-resizable-handle"></div> > <div class="ui-resizable-se ui-resizable-handle"></div> > <div class="ui-resizable-sw ui-resizable-handle"></div> > <div class="ui-resizable-nw ui-resizable-handle"></div> > <div class="ui-dialog-buttonpane"> > <button>Cancel</button> > </div> > </div> > > should not be in the source of your html. All the elements with classes that > begin with ui- are created by the .dialog() call. So your before should look > like this: > > <div id="dialogContent" title="Connect to LogMeIn rescue!"> > <div id="DialogLogoCont"> > <img src="Images/Dialog/ZoneAllDialog.jpg" /> > </div> > <div id="DialogLogoCont"> > <img src="Images/Dialog/logolmi.gif" /> > <img src="Images/Dialog/logo-rescue.gif" /> > </div> > <div class="DialogForm"> > <form name='logmeinsupport' > action='https://secure.logmeinrescue.com/Customer/Code.aspx'method='post'> > <table> > <tr><td>Enter your 6-digit PIN code: </td><td><input type='text' > name='Code' value='' /></td></tr> > <tr><td colspan='2'><input type='submit' value='Connect to > technician' /></td></tr> > </table> > <input type='hidden' name='tracking0' maxlength='64' value='' /> <!-- > optional --> > <input type='hidden' name='language' maxlength='5' value='' /> <!-- > optional --> > <input type='hidden' name='hostederrorhandling' value='' /> <!-- > optional --> > </form> > </div> > </div> > > Your after should be as above, but only visible in Firebug, after calling > .dialog(), not in view source/html. > > - Richard --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
