diff options
| author | jzaefferer <joern.zaefferer@gmail.com> | 2011-02-22 16:15:11 +0100 |
|---|---|---|
| committer | jzaefferer <joern.zaefferer@gmail.com> | 2011-02-22 16:15:11 +0100 |
| commit | faa4b970a78a78ff93ecbff5cf9bfd679a3a6eda (patch) | |
| tree | f5a5ec08e0321f674614a96aa40fe40a7e401cf1 /tests/visual/menu/nested.html | |
| parent | f8091f761cf3705087efc90cc09f74e5f83744bb (diff) | |
| download | jquery-ui-faa4b970a78a78ff93ecbff5cf9bfd679a3a6eda.tar.gz jquery-ui-faa4b970a78a78ff93ecbff5cf9bfd679a3a6eda.zip | |
Menu: Rename nested.html to flyoutmenu.html, updated headers
Diffstat (limited to 'tests/visual/menu/nested.html')
| -rw-r--r-- | tests/visual/menu/nested.html | 121 |
1 files changed, 0 insertions, 121 deletions
diff --git a/tests/visual/menu/nested.html b/tests/visual/menu/nested.html deleted file mode 100644 index 8240689df..000000000 --- a/tests/visual/menu/nested.html +++ /dev/null @@ -1,121 +0,0 @@ -<!doctype html> -<html> -<head> - <title>Menu Visual Test: Default</title> - <link rel="stylesheet" href="../visual.css" type="text/css" /> - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> - <script type="text/javascript" src="../../../jquery-1.4.4.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> - <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script> - <script type="text/javascript" src="../../../external/jquery.bgiframe-2.1.2.js"></script> - <script type="text/javascript" src="flyoutmenu.js"></script> - <!-- - <script type="text/javascript" src="http://jqueryui.com/themeroller/themeswitchertool/"></script> - --> - <script type="text/javascript"> - $(function() { - $.fn.themeswitcher && $('<div/>').css({ - position: "absolute", - right: 10, - top: 10 - }).appendTo(document.body).themeswitcher(); - - var menu = $("#menu"); - - var button = $("button").click(function(event) { - // TODO required to prevent the click handler below from handling this event - event.stopPropagation(); - menu.flyoutmenu("show") - //.attr("tabIndex", 0) - .focus() - .css({ - top: 0, - left: 0 - }) - .position({ - my: "left top", - at: "right top", - of: this - }); - $(document).one("click", function() { - menu.flyoutmenu("hide"); - }); - }); - - menu.flyoutmenu({ - //input: button, - select: function(event, ui) { - $("#log").append("<div>Selected " + ui.item.children("a").text() + "</div>"); - button.focus(); - } - }).hide(); - }); - </script> - <style> - body { font-size:62.5%; } - .ui-menu { width: 200px; position: absolute; } - .ui-menu .ui-icon { float: right; } - </style> -</head> -<body> - -<button>Show context menu</button> -<br/> -<select> - <option>some option with some text</option> -</select> - -<ul id="menu"> - <li> - <a href="#">Amsterdam</a> - <ul> - <li><a href="#">Aberdeen</a></li> - <li><a href="#">Ada</a></li> - <li> - <a href="#">Adamsville</a> - <ul> - <li><a href="#">Anaheim</a></li> - <li> - <a href="#">Cologne</a> - <ul> - <li><a href="#">Mberdeen</a></li> - <li><a href="#">Mda</a></li> - <li><a href="#">Mdamsville</a></li> - <li><a href="#">Mddyston</a></li> - <li><a href="#">Mmesville</a></li> - </ul> - </li> - <li><a href="#">Frankfurt</a></li> - </ul> - </li> - <li><a href="#">Addyston</a></li> - <li><a href="#">Amesville</a></li> - </ul> - </li> - <li><a href="#">Anaheim</a></li> - <li><a href="#">Cologne</a></li> - <li><a href="#">Frankfurt</a></li> - <li> - <a href="#">Magdeburg</a> - <ul> - <li><a href="#">Mberdeen</a></li> - <li><a href="#">Mda</a></li> - <li><a href="#">Mdamsville</a></li> - <li><a href="#">Mddyston</a></li> - <li><a href="#">Mmesville</a></li> - </ul> - </li> - <li><a href="#">Munich</a></li> - <li><a href="#">Utrecht</a></li> - <li><a href="#">Zurich</a></li> -</ul> - -<div class="ui-widget" style="margin-top:2em; font-family:Arial"> - Log: - <div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div> -</div> - -</body> -</html> |