diff options
Diffstat (limited to 'demos/popup/default.html')
-rw-r--r-- | demos/popup/default.html | 69 |
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> |