We repeatedly have a usability issue that the community member on our website selects a category (taxonomy term) from the dropdown box, but then skips over the "add" button and goes directly to the save (node) at the bottom of the page. They believe that as soon as the category (taxonomy term) is chosen in the dropdown box, then it is added. We do not want to make it a required field though - but we want to prevent the member from submitting before adding the category!

Can you/we add some JS so that the button will flash, change a color or change to a different class name when the dropdown is changed but the community member has not clicked on "add"?

Where does the hierarchical_select.js file deal with "focusout"?

I believe the key is in the function Drupal.HierarchicalSelect.postUpdateAnimations. Can we simply add a CSS class to the button when the function is called?

Thanks for any help in advance,

Jeremy

Comments

jjchinquist’s picture

Status: Active » Needs review
StatusFileSize
new2.56 KB

After looking at it for about an hour - I am not certain if this is the best position. My first attempt, and I am happy to receive feedback.

Does anyone know a class other than "error" that draws attention to the element in drupal?