Indicator when drop-down has focus?

[jcwrenParticipant]

I have a pop-up window with text boxes and drop-down lists. When I hover the mouse over a drop-down, it turns darker (using the Dark Blue theme), and even darker when it’s opened. However, when tabbing through the drop-down lists, although it has focus (responds to down arrow, etc), it doesn’t change to the darker color as it does when the mouse is hovering over it.

Is there a way to cause the control to indicate it has focus, using the ‘hover’ or ‘opened’ section of the current theme?

[ivailoParticipant]

Hi jcwren,

You can use on(“focus”)/on(“focusout”) to change the indication via CSS.
See at this fiddle.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[jcwrenParticipant]

Perfect. And with the wonderfulness of jQuery, and some selective field naming, that boils down nicely to this:

$("[id^='ec-']").on ('focus', function () {
  $(this).addClass ('jqx-menu-item-top-hover-' + theme);
});
$("[id^='ec-']").on ('focusout', function () {
  $(this).removeClass ('jqx-menu-item-top-hover-' + theme);
});

[Author]

Posts