diff options
| author | kborchers <k_borchers@yahoo.com> | 2011-10-19 13:59:07 -0500 |
|---|---|---|
| committer | kborchers <k_borchers@yahoo.com> | 2011-10-19 13:59:07 -0500 |
| commit | 92c61b3507690b5a4834303ffbef79aaa1c77f33 (patch) | |
| tree | aa169d19fec57ce303896c25c2ba62a98eeb9f3a /demos | |
| parent | ab3e1c5a443e841885a52394a0e32126be4e951e (diff) | |
| download | jquery-ui-92c61b3507690b5a4834303ffbef79aaa1c77f33.tar.gz jquery-ui-92c61b3507690b5a4834303ffbef79aaa1c77f33.zip | |
Menubar: Allow structures other than just UL/LI
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/menubar/default.html | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/demos/menubar/default.html b/demos/menubar/default.html index 5e9ca2145..718b4a1bf 100644 --- a/demos/menubar/default.html +++ b/demos/menubar/default.html @@ -35,6 +35,15 @@ }, select: select }); + + $("#bar3").menubar({ + position: { + within: $("#demo-frame").add(window).first() + }, + select: select, + items: ".menubarItem", + menuElement: ".menuElement" + }); }); </script> <style> @@ -136,6 +145,52 @@ </li> </ul> +<div id="bar3" class="menubar"> + <div class="menubarItem"> + <a href="#File">File</a> + <div class="menuElement"> + <div><a href="#Open...">Open...</a></div> + <div class="ui-state-disabled">Open recent...</div> + <div><a href="#Save">Save</a></div> + <div><a href="#Save as...">Save as...</a></div> + <div><a href="#Close">Close</a></div> + <div><a href="#Quit">Quit</a></div> + </div> + </div> + <div class="menubarItem"> + <a href="#Edit">Edit</a> + <div class="menuElement"> + <div><a href="#Copy">Copy</a></div> + <div><a href="#Cut">Cut</a></div> + <div class="ui-state-disabled">Paste</div> + </div> + </div> + <div class="menubarItem"> + <a href="#View">View</a> + <div class="menuElement"> + <div><a href="#Fullscreen">Fullscreen</a></div> + <div><a href="#Fit into view">Fit into view</a></div> + <div> + <a href="#Encoding">Encoding</a> + <div class="menuElement"> + <div class="ui-state-disabled"><a href="#Auto-detect">Auto-detect</a></div> + <div><a href="#UTF-8">UTF-8</a></div> + <div> + <a href="#UTF-16">UTF-16</a> + <div class="menuElement"> + <div><a href="#Option 1">Option 1</a></div> + <div><a href="#Option 2">Option 2</a></div> + <div class="ui-state-disabled"><a href="#Option 3">Option 3</a></div> + <div><a href="#Option 4">Option 4</a></div> + </div> + </div> + </div> + </div> + <div><a href="#Customize...">Customize...</a></div> + </div> + </div> +</div> + <div class="ui-widget" style="margin-top:2em; font-family:Arial"> Log: <div id="log" style="height: 100px; width: 300px; overflow: auto;" class="ui-widget-content"></div> |