Highlight a form field’s parent tag (or any other selector) as you tab into it.
Posted on Tuesday, February 12th, 2008 at 1:42 pm
Highlight increases usability by highlighting elements as you interact with the page.
Its primary use is for forms, but it can also be used for tables, lists, or any element you specify. It can also be used to toggle elements on and off, for example, table rows.
- Form-filling can be made clearer by highlighting the element around a control as you tab into it
- Table rows can be made more visible as you pass the mouse over them, or click them
- Elements can be toggled as you click them
Because of the defaults, basic usage can be as simple as:
The method signature for Highlight is:
$(selector).highlight(parentSelector, highlightClass, startEvent, endEvent);
View the Highlight demo which has examples for forms, tables, and lists.