diff options
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/menubar/default.html | 15 | ||||
| -rw-r--r-- | demos/position/default.html | 18 |
2 files changed, 24 insertions, 9 deletions
diff --git a/demos/menubar/default.html b/demos/menubar/default.html index 57a3209ce..adee4afc9 100644 --- a/demos/menubar/default.html +++ b/demos/menubar/default.html @@ -13,24 +13,27 @@ <script src="../../ui/jquery.ui.menubar.js"></script> <script> $(function() { + function select(event, ui) { + $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); + if (ui.item.text() == 'Quit') { + $(this).menubar('destroy'); + } + } $("#bar1").menubar({ position: { within: $("#demo-frame").add(window).first() }, - select: function(event, ui) { - $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); - } + select: select }); $(".menubar-icons").menubar({ + autoExpand: true, menuIcon: true, buttons: true, position: { within: $("#demo-frame").add(window).first() }, - select: function(event, ui) { - $("<div/>").text("Selected: " + ui.item.text()).appendTo("#log"); - } + select: select }); }); </script> diff --git a/demos/position/default.html b/demos/position/default.html index 87fc8e38a..72bf8abcc 100644 --- a/demos/position/default.html +++ b/demos/position/default.html @@ -12,7 +12,7 @@ <script src="../../ui/jquery.ui.position.js"></script> <link rel="stylesheet" href="../demos.css"> <style> - div#parent { + #parent { width: 60%; margin: 10px auto; padding: 5px; @@ -20,7 +20,7 @@ background-color: #fbca93; text-align: center; } - div.positionable { + .positionable { width: 75px; height: 75px; position: absolute; @@ -30,6 +30,18 @@ background-color: #bcd5e6; text-align: center; } + .ui-flipped-top { + border-top: 3px solid #000000; + } + .ui-flipped-bottom { + border-bottom: 3px solid #000000; + } + .ui-flipped-left { + border-left: 3px solid #000000; + } + .ui-flipped-right { + border-right: 3px solid #000000; + } select, input { margin-left: 15px; } @@ -101,7 +113,7 @@ <option value="left">left</option> <option value="center">center</option> <option value="right">right</option> - </select> + </select> <select id="my_vertical"> <option value="top">top</option> <option value="middle">center</option> |