Author: scott.gonzalez
Date: Sun Dec 28 18:20:43 2008
New Revision: 1264
Added:
trunk/demos/dialog/buttons.html
trunk/demos/dialog/modal.html
Modified:
trunk/demos/dialog/index.html
Log:
Dialog: Added demos for buttons and modal.
Added: trunk/demos/dialog/buttons.html
==============================================================================
--- (empty file)
+++ trunk/demos/dialog/buttons.html Sun Dec 28 18:20:43 2008
@@ -0,0 +1,35 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>jQuery UI Dialog - Buttons 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({
+ buttons: {
+ Ok: function() {
+ alert('You clicked Ok!');
+ },
+ Cancel: function() {
+ alert('You clicked Cancel. The dialog will now close.');
+ $(this).dialog('close');
+ }
+ }
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="dialog" title="Curabitur augue">
+ Sed vel diam id libero rutrum convallis. 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.
+</div>
+
+</body>
+</html>
Modified: trunk/demos/dialog/index.html
==============================================================================
--- trunk/demos/dialog/index.html (original)
+++ trunk/demos/dialog/index.html Sun Dec 28 18:20:43 2008
@@ -9,6 +9,8 @@
<dl class="nav">
<dt>Dialog</dt>
<dd><a href="default.html">Default</a></dd>
+ <dd><a href="buttons.html">Buttons</a></dd>
+ <dd><a href="modal.html">Modal</a></dd>
</dl>
</body>
Added: trunk/demos/dialog/modal.html
==============================================================================
--- (empty file)
+++ trunk/demos/dialog/modal.html Sun Dec 28 18:20:43 2008
@@ -0,0 +1,45 @@
+<!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({
+ modal: true,
+ overlay: {
+ backgroundColor: '#000',
+ opacity: 0.5
+ }
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="dialog" title="Curabitur augue">
+ Sed vel diam id libero rutrum convallis. 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.
+</div>
+
+<div>
+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.
+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.
+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.
+<form>
+ <input value="text input" /><br />
+ <input type="checkbox" />checkbox<br />
+ <input type="radio" />radio<br />
+ <select>
+ <option>select</option>
+ </select><br />
+ <textarea>textarea</textarea><br />
+</form>
+</div>
+</body>
+</html>