Highlighting Answers on Mouse Over in a Pick One Quiz


My goal is to make a simple multiple choice question where the user has to click on an answer choice then click submit. I also want individual answers to become highlighted upon mouse-over. I have three states for each answer, normal, selected, and highlighted. The problem I'm running into is that when my cursor leaves a particular answer it reverts back to its normal, unhighlighted condition, even if the user selected it. I've tried adding conditions to fix this but so far no luck.

Any help you can provide would be very much appreciated.

-Brian Gibbens, Ph.D.

4 Replies
Brian Gibbens

I think I found a solution from a post I read:

Erik Erickson said:

I ran into the same issue and was looking for a solution when I came across this thread. I ended up tinkering around with it some more and found a work around.

To start, I think the problem is a timing issue. I probably won't describe the technical aspects of this accurately, but here's how I conceptualize it. The mouse hover over trigger basically starts a set of instructions (like a script). This set will end with restoring the original state once the mouse leaves. If the user clicks the tab, this set of instructions doesn't stop (unfortunately). So, when the user clicks the tab, the triggers for clicking are executed, but then once the mouse leaves that tab (stops to hover over) it finishes the other set of instructions and returns to the original state it started at. (I hope that made sense).

I found a work around to make the hover feature customizable, but it may not work in all situations.

I first deselected restore on mouse leave.

I then created a shape that was slightly larger than the tab (or tabs). I made this shape invisible with no fill and no outline and placed it right underneath the tabs I wanted the user to click.

I added a set of hover mouse over triggers to this tab with the conditions I wanted to restore the tabs to the state I wanted them to be. In effect this created a mouse leave or mouse not hover the tab (or other object) trigger.

I hope that helps for future reference!

Brian Gibbens

The trick is to leave the mouse hover condition on the original tab (just uncheck the "restore on mouse leave" feature) and then use the hidden shape below to return it back to a normal shape IF it isn't selected.

Also, I ran into a problem where the tabs would be both highlighted (from the mouse over) and selected at the same time. An easy work around is to add two conditions.

1. When User Clicks, Change State to Normal

2. When User Clicks, Change State to Selected

Just include those two conditions, in order, near the top of the trigger list and you should be good to go.