Opened 14 years ago
Closed 14 years ago
#3350 closed task (fixed)
FormElement generalized code for mouse and CSS class management
Reported by: | bill | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 0.9beta |
Component: | Dijit | Version: | 0.9 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description (last modified by )
Need library code to handle mouse events, setting appropriate flags on the widget:
- hover - mouse is over the widget
- active - mouse button is being pressed down
Widget also has other flags that aren't directly related to mouse movement:
- disabled
- selected - if a checkbox is checked, or a tab is selected, etc.
Also need a function to set a single CSS class for the widget depending on the state variables above.
Classes for button:
- buttonDisabled
- buttonHover
- buttonActive
Classes for checkbox with no check mark:
- checkboxDisabled
- checkboxHover - mouse over checkbox but not pressing buttons
- checkboxActive - between mouse down and mouse up
and parallel classes for when the box is checked:
- checkboxSelectedDisabled
- checkboxSelectedHover
- checkboxSelectedActive
A widget like Combobox needs to have separate CSS class names for when the mouse is over the input vs when it's over the down arrow.
- comboboxDisabled
- comboboxHover - mouse over checkbox but not pressing buttons
- comboboxActive - between mouse down and mouse up
and parallel classes for when the box is checked:
- comboboxDownArrowHover
- checkboxDownArrowActive
Still talking w/Owen to finalize this plan.
Change History (6)
comment:1 Changed 14 years ago by
Status: | new → assigned |
---|
comment:2 Changed 14 years ago by
Description: | modified (diff) |
---|
comment:3 Changed 14 years ago by
comment:4 Changed 14 years ago by
(In [9024]) Start refactor of _onMouse() as outlined in http://trac.dojotoolkit.org/ticket/3350. Refs #3350 and fixes #3359. Tundra's ToggleButton? needs some CSS love; hard to differentiate the two states.
comment:5 Changed 14 years ago by
(In [9046]) Refactor Checkbox/Radio? to extend ToggleButton?. Refs #3350.
comment:6 Changed 14 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
(In [9008]) Refactor Checkbox and RadioButton? to take advantage of dijit_a11y flag. Since we now know if we are in high-contrast mode of not, no need to convert from background-image to <img>.
Still have to do some more refactoring after FormElement?._onMouse (refs #3350) is complete.
Fixes #3351.