diff options
| author | Richard Worth <rdworth@gmail.com> | 2008-12-31 01:20:50 +0000 |
|---|---|---|
| committer | Richard Worth <rdworth@gmail.com> | 2008-12-31 01:20:50 +0000 |
| commit | 9a35874d44262f79d1a5fc7d8c7e673518c985fd (patch) | |
| tree | f9cd8915ee759d2427c657e680e9282e7b20aa86 /demos/dialog/modal.html | |
| parent | 2789fca8afb34dc770df8163fad7f6df15a77025 (diff) | |
| download | jquery-ui-9a35874d44262f79d1a5fc7d8c7e673518c985fd.tar.gz jquery-ui-9a35874d44262f79d1a5fc7d8c7e673518c985fd.zip | |
demos: whitespace fixes
- trailing whitespace
- inconsistent line endings
- set svn:eol-style to native
Diffstat (limited to 'demos/dialog/modal.html')
| -rw-r--r-- | demos/dialog/modal.html | 50 |
1 files changed, 25 insertions, 25 deletions
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html index a06451b5e..84e998e43 100644 --- a/demos/dialog/modal.html +++ b/demos/dialog/modal.html @@ -1,36 +1,36 @@ -<!doctype html>
-<html lang="en">
-<head>
- <title>jQuery UI Dialog - Modal Demo</title>
- <link type="text/css" href="../demos.css" rel="stylesheet" />
- <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" />
- <script type="text/javascript" src="../../jquery-1.2.6.js"></script>
- <script type="text/javascript" src="../../ui/ui.core.js"></script>
- <script type="text/javascript" src="../../ui/ui.draggable.js"></script>
- <script type="text/javascript" src="../../ui/ui.resizable.js"></script>
- <script type="text/javascript" src="../../ui/ui.dialog.js"></script>
- <script type="text/javascript">
- $(function() {
- $("#dialog").dialog({
+<!doctype html> +<html lang="en"> +<head> + <title>jQuery UI Dialog - Modal Demo</title> + <link type="text/css" href="../demos.css" rel="stylesheet" /> + <link type="text/css" href="../../themes/default/ui.all.css" rel="stylesheet" /> + <script type="text/javascript" src="../../jquery-1.2.6.js"></script> + <script type="text/javascript" src="../../ui/ui.core.js"></script> + <script type="text/javascript" src="../../ui/ui.draggable.js"></script> + <script type="text/javascript" src="../../ui/ui.resizable.js"></script> + <script type="text/javascript" src="../../ui/ui.dialog.js"></script> + <script type="text/javascript"> + $(function() { + $("#dialog").dialog({ height:140, modal: true, overlay: { backgroundColor: '#000', opacity: 0.5 } - });
- });
- </script>
-</head>
-<body>
-
+ }); + }); + </script> +</head> +<body> + <div class="demo"> <div id="dialog" 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> @@ -55,7 +55,7 @@ <p>This is identical to the default dialog except a semi-transparent overlay layer is added as an option to make this look more modal and dim out the page content behind it to bring the user's attention to the dialog.</p><p>The dialog window can be moved, resized and closed with the 'x' icon.</p> </div><!-- End demo-description --> -
-
-</body>
-</html>
+ + +</body> +</html> |