Upvote 1

Clickable tooltip on mouseover

Answered Rayn Vonderhoya ● ago

Is there a good solution for creating a tooltip that appears on mouseover that has a clickable link inside it? So I need the tooltip to appear on mouseover of an element, but then be able to move the cursor over the tooltip to click the link. I still want the tooltip to hide when you move off of the original target or the tooltip itself. I know this is possible in code, is it possible in JIM?

Replies (1)

Danielle Schneider ●

Check out the attached prototype. It uses an "On Mouse Enter" + "Show" event on the element, which shows the tooltip. Then, there's an "On Mouse Leave" + "Hide" event for the tooltip, which will hide it when the mouse leaves its area. We've also added rectangles around the element, which allows the tooltip be hidden when the mouse leaves its area as well.

Files:

Rayn Vonderhoya ●

Thank you! I had something similar kind of hacked together with a bunch of hotspots surrounding the object, was just hoping there might be a more elegant solution I had missed haha. But this works so thanks!