aboutsummaryrefslogtreecommitdiffstats
path: root/demos/popup/default.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/popup/default.html')
-rw-r--r--demos/popup/default.html69
1 files changed, 0 insertions, 69 deletions
diff --git a/demos/popup/default.html b/demos/popup/default.html
deleted file mode 100644
index f0ff9a57e..000000000
--- a/demos/popup/default.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
- <title>jQuery UI Popup - Default demo</title>
- <link rel="stylesheet" href="../demos.css" />
- <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css" title="ui-theme" />
- <script src="../../jquery-1.7.1.js"></script>
- <script src="../../ui/jquery.ui.core.js"></script>
- <script src="../../ui/jquery.ui.widget.js"></script>
- <script src="../../ui/jquery.ui.position.js"></script>
- <script src="../../ui/jquery.ui.button.js"></script>
- <script src="../../ui/jquery.ui.popup.js"></script>
- <script>
- $(function() {
- var selected = {
- select: function( event, ui ) {
- $( "<div/>" ).text( "Selected: " + ui.item.text() ).appendTo( "#log" );
- $(this).popup("close");
- }
- };
-
- $("#login-form").popup()
- .find(":submit").button().click(function(event) {
- event.preventDefault();
- });
- });
- </script>
- <style type="text/css">
- .ui-popup { position: absolute; z-index: 5000; }
-
- #login-form {
- width: 16em; border: 1px solid gray; border-radius: 5px;
- padding: 1em;
- box-shadow: 3px 3px 5px -1px rgba(0, 0, 0, 0.5);
- background: lightgray; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
- font-size: 1.3em; outline: none;
- }
- #login-form label { display: inline-block; width: 5em; }
- #login-form .submit { margin-left: 5em; }
- </style>
-</head>
-<body>
-
-<div class="demo">
- <a href="#login-form">Log In</a>
- <div class="ui-widget-content" id="login-form" aria-label="Login options">
- <div>
- <label for="un">Username</label>
- <input type="text" id="un" />
- </div>
- <div>
- <label for="pw">Password</label>
- <input type="password" id="pw" />
- </div>
- <div>
- <input type="submit" value="Login" class="submit" />
- </div>
- </div>
-</div>
-
-<div class="demo-description">
-
-<p>A link to a login form that opens as a popup.</p>
-
-</div><!-- End demo-description -->
-
-
-</body>
-</html>