I tried to find a solution for my problem in the documentation and in the forum, but I failed.
I just want to realize a simple thing. When I hover an rectangle, I want a circle to be displayed.
I tried to make it happen with “mouse over” and starting a timeline, but when I go off the rectangle, the circle stays in place.
In my first timetable an animation is going on, so I’m not able to just start this timeline. How to solve this?
You need to trigger the reverse of what you did on Mouse Over, in the On Mouse Out event. So attach “Start Timeline” and check “Play Timeline In Reverse” in the On Mouse Out event.
There’s another solution that I find very handy that does not utilize a timeline. Please see the attached JPEG “ToolTipDemo.jpg” for reference with the steps below. Also have attached a demo Hype file (“ToolTipDemo.hype.zip”).
• Make sure "Show Button Controls” are active > “Edit” menu.
• Copy the Circle.
• Double-click the Rectangle.
• Select the “Hover” button that appears.
• Click the small innerHTML edit button that appears just below the rectangle.
• Select in the innerHTML box and paste the Circle - the code for the circle goes in the innerHTML.
• Adjust this code so the circle appears where You want it.
Addendum: Just noticed the FireFox transform code did not make it to the party (copying the Circle in Hype). so You would need to add the mozilla prefix >"-moz-transform: translateX(0px) translateY(-120px) rotateY(0deg);" to the code. Chrome (also “-webkit”) & Opera work fine. Have not tried IE.
@Daniel is this no “-moz” prefix standard? I can’t get it to show in some other copy & pastes I’ve tried.