aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
authorKris Borchers <kris.borchers@gmail.com>2011-12-07 10:19:55 -0800
committerKris Borchers <kris.borchers@gmail.com>2011-12-07 10:19:55 -0800
commit1748b5f404c4a8ffe9d5bd8954aa0764fea27d70 (patch)
tree9b40ca1eb8dece4279614da04dc70a2e4baf540c /demos
parentce7918fc73c161ab237f052bad070e34250526be (diff)
parentaa267fb606b20bb7caf09485cd8ae72d1027c647 (diff)
downloadjquery-ui-1748b5f404c4a8ffe9d5bd8954aa0764fea27d70.tar.gz
jquery-ui-1748b5f404c4a8ffe9d5bd8954aa0764fea27d70.zip
Merge pull request #541 from kborchers/menubar_otherStructures
Menubar: Allow structures other than just UL/LI and combine the _next, _prev, _right and _left into _move
Diffstat (limited to 'demos')
-rw-r--r--demos/menubar/default.html55
1 files changed, 55 insertions, 0 deletions
diff --git a/demos/menubar/default.html b/demos/menubar/default.html
index 72c124423..ef39a7121 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">Auto-detect</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">Option 3</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>