diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2011-05-03 22:42:35 +0200 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2011-05-03 22:42:35 +0200 |
| commit | f5ee22c74a2e0e48b686a94838e12cbb9b45c99c (patch) | |
| tree | 272561a44e540b6311ffba6f67d56cdc18349491 /tests | |
| parent | a444287642f122b6dc2be09bf5de8522d45d736a (diff) | |
| download | jquery-ui-f5ee22c74a2e0e48b686a94838e12cbb9b45c99c.tar.gz jquery-ui-f5ee22c74a2e0e48b686a94838e12cbb9b45c99c.zip | |
Popup: Add a non-menu popup example
Diffstat (limited to 'tests')
| -rw-r--r-- | tests/visual/menu/popup.html | 19 |
1 files changed, 18 insertions, 1 deletions
diff --git a/tests/visual/menu/popup.html b/tests/visual/menu/popup.html index de9796133..271002a20 100644 --- a/tests/visual/menu/popup.html +++ b/tests/visual/menu/popup.html @@ -28,7 +28,9 @@ $(this).hide(); } }; - + + $("#members-popup").popup(); + $("#button1").button(); $("#menu1").menu(selected).popup(); @@ -69,10 +71,24 @@ padding: 0.5em; border: 1px solid black; } + + #members-popup { + width: 200px; height: 150px; border: 1px solid gray; border-radius: 5px; + 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: 120%; text-align: center; line-height: 150px; + } </style> </head> <body> +<div> + <a href="#members-popup">Project members</a> + <div id="members-popup" tabIndex="0"> + some form controls in here + </div> +</div> + <button id="button1">Show context menu 1</button> <ul id="menu1"> <li><a href="#">Amsterdam</a></li> @@ -85,6 +101,7 @@ <li><a href="#">Zurich</a></li> </ul> + <div> <div> <button id="rerun">Run last action</button> |