From 9de15443c3db61dfc92102da3b08c2d942953233 Mon Sep 17 00:00:00 2001 From: Felix Nagel Date: Fri, 23 Nov 2012 17:02:39 +0100 Subject: [PATCH 1/6] Selectmenu: added Selectmenu entry. Fixes #67 --- entries/selectmenu.xml | 183 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 183 insertions(+) create mode 100644 entries/selectmenu.xml diff --git a/entries/selectmenu.xml b/entries/selectmenu.xml new file mode 100644 index 00000000..418ca68e --- /dev/null +++ b/entries/selectmenu.xml @@ -0,0 +1,183 @@ + + + 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:

+
    +
  • UP/LEFT - Move focus to the previous item. If on first item, move focus to the last item.
    • +
  • DOWN/RIGHT - Move focus to the next item. If on last item, move focus to the first item.
    • +
  • END/PAGE DOWN - Focus last item.
    • +
  • HOME/PAGE UP - Focus first item.
    • +
  • ESCAPE - Close the select.
    • +
  • ENTER - Select the currently focused item and close the select.
    • +
  • ALT+UP/DOWN - Toggle select.
    • +
  • SPACE - Toggle select.
    • +
+ +

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

+
    +
  • UP/LEFT - Select the previous item. If on first item, select the last item.
    • +
  • DOWN/RIGHT - Select the next item. If on last item, select the first item.
    • +
  • END/PAGE DOWN - Select last item.
    • +
  • HOME/PAGE UP - Select first item.
    • +
  • ALT+UP/DOWN - Toggle select.
    • +
  • SPACE - Toggle select.
    • +
+ + + 1.10 + + + + + + + + + Triggered when menu is opened. + + + + + Triggered when an items gains focus. + + + + + The focused item. + + + + + + Triggered when a menu item is selected. + + + + + The selected item. + + + + + Triggered when the menu is hidden. + + + + Triggered when the selected item has changed. Not every select event will fire an change event. + + + + The active item. + + + + + + + Opens the dialog. + + + Closes the Selectmenu menu. + + + + 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. + + + Returns a jQuery object containing the menu element. + + + + A simple jQuery UI Selectmenu + + + + + A simple jQuery UI Selectmenu with optgroups + + + + + A jQuery UI Selectmenu with overflow in pop-up mode + + + + + From 549c2c65901f4b65094d56d443c13173881bab68 Mon Sep 17 00:00:00 2001 From: Felix Nagel Date: Wed, 28 Nov 2012 20:39:55 +0100 Subject: [PATCH 2/6] Selectmenu: temporary add missing resources from view.jqueryui.com --- entries2html.xsl | 2 ++ 1 file changed, 2 insertions(+) diff --git a/entries2html.xsl b/entries2html.xsl index 742cb271..e694eeb1 100644 --- a/entries2html.xsl +++ b/entries2html.xsl @@ -10,9 +10,11 @@ <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://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> From 0a3f46cdb85df588f10cecd91cc7e23b49f97831 Mon Sep 17 00:00:00 2001 From: Felix Nagel Date: Wed, 28 Nov 2012 20:46:28 +0100 Subject: [PATCH 3/6] Selectmenu: fixed wrong position option description --- entries/selectmenu.xml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/entries/selectmenu.xml b/entries/selectmenu.xml index 418ca68e..a15dffc3 100644 --- a/entries/selectmenu.xml +++ b/entries/selectmenu.xml @@ -43,7 +43,7 @@ Which element the menu should be appended to. Override this when the selectmenu is inside a position: fixed element. Otherwise the popup menu would still scroll with the page. From be36f848f5a692a1ae3c00f41dbc83e9365d0987 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B6rn=20Zaefferer?= Date: Thu, 29 Nov 2012 12:48:24 +0100 Subject: [PATCH 4/6] Selectmenu: Remove invalid xsl:if --- entries2html.xsl | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/entries2html.xsl b/entries2html.xsl index e694eeb1..0737a68c 100644 --- a/entries2html.xsl +++ b/entries2html.xsl @@ -9,7 +9,7 @@ <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> From 6bd9821fa573b10ae8781a8ae2e6b0ca3b60dac7 Mon Sep 17 00:00:00 2001 From: Felix Nagel Date: Thu, 29 Nov 2012 13:11:46 +0100 Subject: [PATCH 5/6] Selectmenu: add inline CSS for examples --- entries/selectmenu.xml | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/entries/selectmenu.xml b/entries/selectmenu.xml index a15dffc3..bd631daf 100644 --- a/entries/selectmenu.xml +++ b/entries/selectmenu.xml @@ -126,6 +126,10 @@ $('#speed').selectmenu(); ]]> + A simple jQuery UI Selectmenu with optgroups @@ -145,6 +149,10 @@ $('#files').selectmenu(); ]]> + A jQuery UI Selectmenu with overflow in pop-up mode @@ -178,6 +186,11 @@ withOverflow.selectmenu("menuWidget").addClass("overflow"); ]]> + From dfb6c2f5939e9ac600e0dafad82008c642f1874a Mon Sep 17 00:00:00 2001 From: Felix Nagel Date: Thu, 29 Nov 2012 19:49:27 +0100 Subject: [PATCH 6/6] Selectmenu: alphabetical ordering of events, options, methods --- entries/selectmenu.xml | 58 +++++++++++++++++++++--------------------- 1 file changed, 29 insertions(+), 29 deletions(-) diff --git a/entries/selectmenu.xml b/entries/selectmenu.xml index bd631daf..455edf5e 100644 --- a/entries/selectmenu.xml +++ b/entries/selectmenu.xml @@ -36,22 +36,31 @@ 1.10 - + - - - Triggered when menu is opened. + + 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. @@ -63,6 +72,10 @@ + + Triggered when menu is opened. + + Triggered when a menu item is selected. @@ -74,42 +87,29 @@ - - Triggered when the menu is hidden. - - - - Triggered when the selected item has changed. Not every select event will fire an change event. - - - - The active item. - - - - - Opens the dialog. - 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. - - Returns a jQuery object containing the menu element. - A simple jQuery UI Selectmenu