| [ Index ] |
PHP Cross Reference of Drupal 6 (yi-drupal) |
[Summary view] [Print] [Text view]
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <title>jQuery UI Dialog - Default functionality</title> 5 <link type="text/css" href="../../themes/base/ui.all.css" rel="stylesheet" /> 6 <script type="text/javascript" src="../../jquery-1.3.2.js"></script> 7 <script type="text/javascript" src="../../ui/ui.core.js"></script> 8 <script type="text/javascript" src="../../ui/ui.draggable.js"></script> 9 <script type="text/javascript" src="../../ui/ui.resizable.js"></script> 10 <script type="text/javascript" src="../../ui/ui.dialog.js"></script> 11 <script type="text/javascript" src="../../external/bgiframe/jquery.bgiframe.js"></script> 12 <link type="text/css" href="../demos.css" rel="stylesheet" /> 13 <script type="text/javascript"> 14 $.ui.dialog.defaults.bgiframe = true; 15 $(function() { 16 $("#dialog").dialog(); 17 }); 18 </script> 19 </head> 20 <body> 21 22 <div class="demo"> 23 24 <div id="dialog" title="Basic dialog"> 25 <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 26 </div> 27 28 <!-- Sample page content to illustrate the layering of the dialog --> 29 <div class="hiddenInViewSource" style="padding:20px;"> 30 <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p> 31 <form> 32 <input value="text input" /><br /> 33 <input type="checkbox" />checkbox<br /> 34 <input type="radio" />radio<br /> 35 <select> 36 <option>select</option> 37 </select><br /><br /> 38 <textarea>textarea</textarea><br /> 39 </form> 40 </div><!-- End sample page content --> 41 42 </div><!-- End demo --> 43 44 <div class="demo-description"> 45 46 <p>The basic dialog window is an overlay positioned within the viewport and is protected from page content (like select elements) shining through with an iframe. It has a title bar and a content area, and can be moved, resized and closed with the 'x' icon by default.</p> 47 48 </div><!-- End demo-description --> 49 50 </body> 51 </html>
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated: Mon Jul 9 18:01:44 2012 | Cross-referenced by PHPXref 0.7 |