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
-~----------~----~----~----~------~----~------~--~---
