aboutsummaryrefslogtreecommitdiffstats
path: root/demos
diff options
context:
space:
mode:
authorkborchers <kris.borchers@gmail.com>2011-12-15 12:56:12 -0600
committerkborchers <kris.borchers@gmail.com>2011-12-15 12:57:11 -0600
commita53916b45427d1afa3507acbebb6f92a03bbcd84 (patch)
treefac2d548af11865cecdca70c20a9d419ba9a7ace /demos
parentc00b685cb824fe940226be041067b0b9c44ba983 (diff)
parenta8d0e4c8043b42257c51a1d65cd07d1042538062 (diff)
downloadjquery-ui-a53916b45427d1afa3507acbebb6f92a03bbcd84.tar.gz
jquery-ui-a53916b45427d1afa3507acbebb6f92a03bbcd84.zip
Merge branch 'master' into selectmenu
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>