mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-07-11 17:53:59 +03:00
Squashed 'jquery-ui/' content from commit 77ff328
git-subtree-dir: jquery-ui git-subtree-split: 77ff328cbe8a662f52178020d202dc1bfb560fd8
This commit is contained in:
commit
d21ea7816e
629 changed files with 341074 additions and 0 deletions
53
tests/visual/dialog/animated.html
Normal file
53
tests/visual/dialog/animated.html
Normal file
|
@ -0,0 +1,53 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Dialog Visual Test</title>
|
||||
<link rel="stylesheet" href="../../../themes/base/all.css">
|
||||
<script src="../../../external/jquery/jquery.js"></script>
|
||||
<script src="../../../ui/core.js"></script>
|
||||
<script src="../../../ui/widget.js"></script>
|
||||
<script src="../../../ui/mouse.js"></script>
|
||||
<script src="../../../ui/draggable.js"></script>
|
||||
<script src="../../../ui/position.js"></script>
|
||||
<script src="../../../ui/resizable.js"></script>
|
||||
<script src="../../../ui/button.js"></script>
|
||||
<script src="../../../ui/dialog.js"></script>
|
||||
<script src="../../../ui/effect.js"></script>
|
||||
<script src="../../../ui/effect-blind.js"></script>
|
||||
<script src="../../../ui/effect-explode.js"></script>
|
||||
<script>
|
||||
$(function() {
|
||||
$( "#dialog" ).dialog({
|
||||
autoOpen: false,
|
||||
show: {
|
||||
effect: "blind",
|
||||
duration: 1000
|
||||
},
|
||||
hide: {
|
||||
effect: "explode",
|
||||
duration: 1000
|
||||
},
|
||||
modal: true
|
||||
});
|
||||
|
||||
$( "#opener" ).click(function() {
|
||||
$( "#dialog" ).dialog( "open" );
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<p>WHAT: A animated modal dialog, using blind effect to show, explode to hide.</p>
|
||||
<p>EXPECTED: Dialog shows up on top of the overlay and stays there during and after the animation. Focus is set to the input inside the dialog and stays there after the animation finishes.</p>
|
||||
|
||||
<div id="dialog" title="Are you sure?">
|
||||
<p>Please enter password to continue.</p>
|
||||
<label for="password">Password</label><input id="password">
|
||||
</div>
|
||||
|
||||
<button id="opener">Open Dialog</button>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue