diff options
author | kborchers <kris.borchers@gmail.com> | 2011-12-15 12:56:12 -0600 |
---|---|---|
committer | kborchers <kris.borchers@gmail.com> | 2011-12-15 12:57:11 -0600 |
commit | a53916b45427d1afa3507acbebb6f92a03bbcd84 (patch) | |
tree | fac2d548af11865cecdca70c20a9d419ba9a7ace /demos | |
parent | c00b685cb824fe940226be041067b0b9c44ba983 (diff) | |
parent | a8d0e4c8043b42257c51a1d65cd07d1042538062 (diff) | |
download | jquery-ui-a53916b45427d1afa3507acbebb6f92a03bbcd84.tar.gz jquery-ui-a53916b45427d1afa3507acbebb6f92a03bbcd84.zip |
Merge branch 'master' into selectmenu
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 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> |