ok, i solved first part, but why when i click second time it doesnt at all.
On Sep 23, 3:50 pm, Fontzter <[EMAIL PROTECTED]> wrote: > Remove the display:none from the div you are making a dialog > (id="dock"). If you want it hidden when the page loads, put it > _inside_ a hidden div rather than hiding it. Like this: > > <div style="display:none;"> > <div id="dock"> > ****your content here**** > </div> > </div> > > On Sep 23, 8:19 am, David <[EMAIL PROTECTED]> wrote: > > > My code is: > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> > > <head> > > <title>jQuery UI - Functional demos</title> > > <meta http-equiv="Content-type" content="text/html; charset=utf-8" > > /> > > > <meta name="keywords" content="jquery,user > > interface,ui,widgets,interaction,javascript" /> > > <meta name="description" content="jQuery UI is jQuery's user > > interface library that comes with many widgets, interaction modules > > and themes." /> > > <meta name="author" content="Paul Bakaus" /> > > > <link rel="stylesheet" > > href="../themes/default/ui.all.css" > > type="text/css"> > > > <script src="../jquery-1.2.6.js" > > type="text/javascript"></script> > > > <script src="../ui/jquery.ui.all.js" type="text/javascript"></ > > script> > > > <script type="text/javascript"> > > $(function() { > > > $("#apa").bind('click', function() { > > $('#dock').dialog({ > > buttons: { > > 'Okay': function() { > > $('#dock').dialog('close'); > > } > > }, > > overlay: { > > backgroundColor: '#000', > > opacity: 0.5 > > }, > > modal : true, > > title:"incercare de rrrr", > > autoResize : true > > }); > > }); > > > }); > > </script> > > </head> > > > <body> > > <button id="apa">Apasa</button> > > <div id="dock" style="display:none"> > > <div class="left"></div> > > > <ul> > > <li> > > <a > > href="http://jquery.com">jQuery</a> > > </li> > > <li style="padding-right: 12px;"> > > <a > > href="http://plugins.jquery.com/">Plugins</a> > > </li> > > <li class="selected" style="padding-right: > > 12px;"> > > > <a > > href="http://ui.jquery.com/home">UI</a> > > </li> > > <li style="padding-left: 12px;"> > > <div style="background: #555; > > width: 1px; height: 24px; position: > > absolute; left: 0px;"></div> > > <a > > href="http://jquery.com/blog">Blog</a> > > </li> > > <li> > > <a > > href="http://ui.jquery.com/about">About</a> > > > </li> > > <li> > > <a > > href="http://docs.jquery.com/Donate">Donate</a> > > </li> > > </ul> > > <div class="right"></div> > > </div> > > </body> > > > </html> > > > When i click the button , first appear the dialog, but the content > > doesn't appear, and the second time it doesn't work at all. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
