diff --git a/entries/selectmenu.xml b/entries/selectmenu.xml new file mode 100644 index 00000000..455edf5e --- /dev/null +++ b/entries/selectmenu.xml @@ -0,0 +1,196 @@ + + + Selectmenu Widget + A jQuery UI widget that duplicates and extends the functionality of a native HTML select element, allowing it to be customizable in behavior and appearance far beyond the limitations of a native select. + +

Selectmenu Widget will act as a proxy back to the original select element, controlling its state for form submission or serialization.

+ +

Selectmenu Widget support both in-place "popup" or drop-down styles. It supports optgroups and custom markup to render specific presentations like multiple lines.

+ +

The select or its options can be disabled by adding the disbaled="disabled" attribite to that element.

+ +

Keyboard interaction

+ +

When the menu is open, the following key commands are available:

+ + +

When the menu is closed, the following key commands are available:

+ +
+ + 1.10 + + + + + + + + Triggered when the selected item has changed. Not every select event will fire an change event. + + + + The active item. + + + + + Triggered when the menu is hidden. + + + + + + Triggered when an items gains focus. + + + + + The focused item. + + + + + Triggered when menu is opened. + + + + + Triggered when a menu item is selected. + + + + + The selected item. + + + + + + + Closes the Selectmenu menu. + + + + + + Returns a jQuery object containing the menu element. + + + Opens the dialog. + + + + + Parses the original element again and rerenders the menu. New options or optgroups can be added, removed or disabled. + + + + Returns a jQuery object containing the button element. + + + + A simple jQuery UI Selectmenu + + + + + + A simple jQuery UI Selectmenu with optgroups + + + + + + A jQuery UI Selectmenu with overflow in pop-up mode + + + + + +
diff --git a/entries2html.xsl b/entries2html.xsl index 742cb271..0737a68c 100644 --- a/entries2html.xsl +++ b/entries2html.xsl @@ -9,10 +9,12 @@ <head> <meta charset="utf-8"> <title> demo</title> - <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> + <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css"> + <link rel="stylesheet" href="http://view.jqueryui.com/selectmenu/themes/base/jquery.ui.selectmenu.css"> <style> </style> <script src="http://code.jquery.com/jquery-1.8.3.js"></script> <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> + <script src="http://view.jqueryui.com/selectmenu/ui/jquery.ui.selectmenu.js"></script> </head> <body>