|
3 | 3 | <head> |
4 | 4 | <meta charset="utf-8"> |
5 | 5 | <title>Menu Visual Test: Default</title> |
6 | | - <link rel="stylesheet" href="../visual.css" type="text/css" /> |
7 | | - <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css" type="text/css" title="ui-theme" /> |
8 | | - <script type="text/javascript" src="../../../jquery-1.7.2.js"></script> |
9 | | - <script type="text/javascript" src="../../../ui/jquery.ui.core.js"></script> |
10 | | - <script type="text/javascript" src="../../../ui/jquery.ui.widget.js"></script> |
11 | | - <script type="text/javascript" src="../../../ui/jquery.ui.position.js"></script> |
12 | | - <script type="text/javascript" src="../../../ui/jquery.ui.menu.js"></script> |
13 | | - <script type="text/javascript"> |
| 6 | + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> |
| 7 | + <script src="../../../jquery-1.7.2.js"></script> |
| 8 | + <script src="../../../ui/jquery.ui.core.js"></script> |
| 9 | + <script src="../../../ui/jquery.ui.widget.js"></script> |
| 10 | + <script src="../../../ui/jquery.ui.position.js"></script> |
| 11 | + <script src="../../../ui/jquery.ui.menu.js"></script> |
| 12 | + <script> |
14 | 13 | $(function() { |
15 | | - $.fn.themeswitcher && $('<div/>').css({ |
16 | | - position: "absolute", |
17 | | - right: 10, |
18 | | - top: 10 |
19 | | - }).appendTo(document.body).themeswitcher(); |
| 14 | + function logger( event, ui ) { |
| 15 | + $( "<p>" ).text( "Selected: " + ui.item.text() ).appendTo( "#log" ); |
| 16 | + } |
20 | 17 |
|
21 | | - $("#menu1, #menu2, #menu3, .menu4").menu({ |
22 | | - select: function(event, ui) { |
23 | | - $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); |
24 | | - } |
| 18 | + $( "#menu1, #menu2, #menu3, .menu4" ).menu({ |
| 19 | + select: logger |
25 | 20 | }); |
26 | 21 |
|
27 | | - $("#menu5").menu({ |
28 | | - select: function(event, ui) { |
29 | | - $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); |
30 | | - }, |
31 | | - menus: "div" |
| 22 | + $( "#menu5" ).menu({ |
| 23 | + menus: "div", |
| 24 | + select: logger |
32 | 25 | }); |
33 | 26 |
|
34 | | - $("#menu6").menu({ |
35 | | - select: function(event, ui) { |
36 | | - $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); |
37 | | - }, |
38 | | - menus: ".menuElement" |
| 27 | + $( "#menu6" ).menu({ |
| 28 | + menus: ".menuElement", |
| 29 | + select: logger |
39 | 30 | }); |
40 | 31 | }); |
41 | 32 | </script> |
@@ -266,9 +257,9 @@ <h2>Menu with custom markup, multi-line items</h2> |
266 | 257 | </div> |
267 | 258 | </div> |
268 | 259 |
|
269 | | -<div class="ui-widget" style="clear: left; margin-top:2em; font-family:Arial"> |
| 260 | +<div style="position: absolute; top: 1em; right: 1em;"> |
270 | 261 | Log: |
271 | | - <div id="log" style="height: 400px; width: 300px; overflow: auto;" class="ui-widget-content"></div> |
| 262 | + <div id="log" style="height: 400px; width: 300px; overflow: auto; border: 1px solid #000;"></div> |
272 | 263 | </div> |
273 | 264 |
|
274 | 265 | </body> |
|
0 commit comments