Trigger link state of textured button


(Oliver) #1

Hello guys,

Is there a way to trigger the “hover” state of a button through hovering a completely different object? Let’s say there is a rectangle in the top-right corner and if I hover it, the link state of a button in the button-left corner changes its style to “hover”.

How can this be solved?

Thanks!


(Oliver) #2

I just noticed I also need this animation for grouped buttons. This example is probably more understandable.


(Greg) #3

Here’s one way of achieving this…

Add the following code to the “innerHTML” of a button

<div style="width:100%;height:100%;border:solid;margin:-1px -400px"></div> 

offset-hover.hype.zip (12.5 KB)


(Greg) #4

If that method does not work for you, try using a mouse over and a mouse out action with javascript to assign the background colors.

//mouse over (hover)
 var x = hypeDocument.getElementById('MyButton');
x.style.background = "yellow";	

//mouse out (UnHover)
var x = hypeDocument.getElementById('MyButton');
x.style.background = "#F0F0F0";	

offset-hover2.hype.zip (13.7 KB)