Awesome!!! It's ALIVE!!! Thank you so much for your help.
I've used the theme, but now the box shows up on the page with all the desired content. Do I have to stick it in another <div> and then make that one display: none ? I can't seem to get past this point, as this is what I've done, and the box is not visible until you click the link (good). Clicking the link brings up the box, but a much smaller version of it with no content (bad). I'm also wondering where it says on the UI site that you need to download a theme and put the class in the Body tag. Thanks again, Brad On Sep 12, 7:04 am, "Richard D. Worth" <[EMAIL PROTECTED]> wrote: > You're missing a theme. You can create one by hand if you want, or use > ThemeRoller: > > http://themeroller.com/ > > Then add the name of the theme as a class to the body element, for example: > > ... > <link rel="stylesheet" href="smoothness.css" type="text/css" /> > </head> > <body class="smoothness"> > ... > > Then your dialog (and any other UI widgets) will be styled with that theme. > > - Richard > > > > On Thu, Sep 11, 2008 at 7:32 PM, mbrad <[EMAIL PROTECTED]> wrote: > > > Thanks for taking the time to read my question. > > > I am just learning jquery. I would like to have a dialog box pop up > > when the user clicks on a link. > > The link is "LogMeIn" > > > Right now I have the dialog box pop up, but all it has is a white > > border. What it really looks like is a picture frame with no picture > > in it, as you can see everything behind / through the dialog box. > > > --------------- > > | | > > | | > > | | > > -------------- > > > I'm using CSS but it doesn't seem to be having any styling affect on > > my <div> > > > I downloaded the jquery UI and selected EVERYTHING (jquery-ui- > > personalized-1.6b.min.js). I've linked that into my html page. > > > I'm so close, what am I doing wrong??? > > > Here is my code (The parts that matter anyway) > > > HTML: > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// > >www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml";> > > <head> > > <link href="ZA.css" rel="stylesheet" type="text/css" /> > > <script type="text/javascript" src="Javascript/jquery-1.2.6.min.js"></ > > script> > > <script type="text/javascript" src="Javascript/jquery-ui- > > personalized-1.6b.min.js"></script> > > <script type="text/javascript" src="Javascript/LogInDialog.js"></ > > script> > > </head> > > > ... > > > <span id="LIDlink" class="CSLink">LogMeIn</span></p> > > <div id="LID"> > > <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> > > > CSS: > > > #LID { > > display: none; > > background-color: #8194CC; > > width: 475px; > > height: 175px; > > border-right: 4px solid #3F48FF; > > padding: 0px; > > margin: 0px; > > /*z-index: 2; > > position: absolute;*/ > > top: 20px; > > left: 20px; > > } > > > #LIDlink { > > cursor: pointer; > > display: block; > > width: 110px; > > background-color: green; > > > LogInDialog.js: > > > $(document).ready(function(){ > > $("#LIDlink").click(function(){ > > //alert("Hi"); > > $("#LID").dialog({ modal: true, overlay: { opacity: 0.5, > > background: > > "black" } }); > > //alert("Bye"); > > }); > > });- Hide quoted text - > > - Show quoted text - --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
