diff options
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..789dea22f 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> |