annotate jquery-ui/development-bundle/demos/dialog/modal.html @ 0:b2e4605f20b2

beta version
author dwinter
date Thu, 30 Jun 2011 09:07:49 +0200
parents
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
0
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
1 <!DOCTYPE html>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
2 <html lang="en">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
3 <head>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
4 <meta charset="utf-8">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
5 <title>jQuery UI Dialog - Basic modal</title>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
7 <script src="../../jquery-1.5.1.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
8 <script src="../../external/jquery.bgiframe-2.1.2.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
9 <script src="../../ui/jquery.ui.core.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
10 <script src="../../ui/jquery.ui.widget.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
11 <script src="../../ui/jquery.ui.mouse.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
12 <script src="../../ui/jquery.ui.draggable.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
13 <script src="../../ui/jquery.ui.position.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
14 <script src="../../ui/jquery.ui.resizable.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
15 <script src="../../ui/jquery.ui.dialog.js"></script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
16 <link rel="stylesheet" href="../demos.css">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
17 <script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
18 $(function() {
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
19 // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
20 $( "#dialog:ui-dialog" ).dialog( "destroy" );
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
21
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
22 $( "#dialog-modal" ).dialog({
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
23 height: 140,
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
24 modal: true
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
25 });
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
26 });
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
27 </script>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
28 </head>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
29 <body>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
30
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
31 <div class="demo">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
32
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
33 <div id="dialog-modal" title="Basic modal dialog">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
34 <p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
35 </div>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
36
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
37 <!-- Sample page content to illustrate the layering of the dialog -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
38 <div class="hiddenInViewSource" style="padding:20px;">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
39 <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>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
40 <form>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
41 <input value="text input" /><br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
42 <input type="checkbox" />checkbox<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
43 <input type="radio" />radio<br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
44 <select>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
45 <option>select</option>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
46 </select><br /><br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
47 <textarea>textarea</textarea><br />
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
48 </form>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
49 </div><!-- End sample page content -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
50
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
51 </div><!-- End demo -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
52
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
53
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
54
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
55 <div class="demo-description">
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
56 <p>A modal dialog prevents the user from interacting with the rest of the page until it is closed.</p>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
57 </div><!-- End demo-description -->
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
58
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
59 </body>
b2e4605f20b2 beta version
dwinter
parents:
diff changeset
60 </html>