aboutsummaryrefslogtreecommitdiffstats
path: root/demos/dialog/modal-message.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/dialog/modal-message.html')
-rw-r--r--demos/dialog/modal-message.html28
1 files changed, 3 insertions, 25 deletions
diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index 9de7d3881..8e69db8e8 100644
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
@@ -17,9 +17,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-message" ).dialog({
modal: true,
buttons: {
@@ -33,8 +30,6 @@
</head>
<body>
-<div class="demo">
-
<div id="dialog-message" title="Download complete">
<p>
<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
@@ -45,27 +40,10 @@
</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>Use a modal dialog to explicitly acknowledge information or an action before continuing their work. Set the <code>modal</code> option to true, and specify a primary action (Ok) with the <code>buttons</code> option.</p>
-</div><!-- End demo-description -->
-
+</div>
</body>
</html>