diff options
Diffstat (limited to 'demos/dialog/modal.html')
| -rw-r--r-- | demos/dialog/modal.html | 28 |
1 files changed, 3 insertions, 25 deletions
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html index 2ea65c1f7..b4de8e9b9 100644 --- a/demos/dialog/modal.html +++ b/demos/dialog/modal.html @@ -1,4 +1,4 @@ -<!DOCTYPE html> +<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> @@ -16,9 +16,6 @@ <link rel="stylesheet" href="../demos.css"> <script> $(function() { - // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! - $( "#dialog:ui-dialog" ).dialog( "destroy" ); - $( "#dialog-modal" ).dialog({ height: 140, modal: true @@ -28,33 +25,14 @@ </head> <body> -<div class="demo"> - <div id="dialog-modal" title="Basic modal dialog"> <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p> </div> -<!-- Sample page content to illustrate the layering of the dialog --> -<div class="hiddenInViewSource" style="padding:20px;"> - <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> - <form> - <input value="text input" /><br /> - <input type="checkbox" />checkbox<br /> - <input type="radio" />radio<br /> - <select> - <option>select</option> - </select><br /><br /> - <textarea>textarea</textarea><br /> - </form> -</div><!-- End sample page content --> - -</div><!-- End demo --> - - +<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> <div class="demo-description"> <p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.</p> -</div><!-- End demo-description --> - +</div> </body> </html> |