Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The <a href="http://jqueryui.com/demos/dialog/" rel="nofollow"><code>.dialog()</code></a> function is part of <a href="http://jqueryui.com/docs/Getting_Started" rel="nofollow">JQuery UI</a>.</p> <p><a href="https://developers.google.com/speed/libraries/#jquery-ui" rel="nofollow">Here's a library from Google's CDN</a>.<br> To make sure that you get everything that you need for JQuery UI, you can download it from <a href="http://jqueryui.com/download" rel="nofollow">here</a> or use their online hosted scripts from <a href="http://code.jquery.com/" rel="nofollow">here</a>.</p> <p><a href="http://jsfiddle.net/3neQC/" rel="nofollow">Here's a sample script</a></p> <p>Note the order in which I retrieve the libraries and then execute the script:</p> <ol> <li>JQuery</li> <li>JQuery UI</li> <li>Initialize dialog box</li> </ol> <pre class="lang-html prettyprint-override"><code>&lt;!-- JQuery UI stylesheet --&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" type="text/css" media="all" /&gt; &lt;!-- First get JQuery --&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;!-- Then get JQuery UI --&gt; &lt;script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(function() { $( "#dialog-box" ).dialog({ width: "auto", height: "auto" }); }); &lt;/script&gt; &lt;div id="dialog-box" title="Getting down with dialog boxes"&gt; &lt;p&gt;This is how you initialize and use the dialog box.&lt;/p&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload