The only way it would return to another state after a click is if you rolled off of it after releasing the mouse, and the mouseout event was set to change it back to your starting point. The thing is, there’s no equivalent of an “un-click”. Mouseover and mouseout are equal and opposite.
Mousedown and mouseup are also equal and opposite. But click means “mousedown and mouseup both occurred, in that order, over the bounds of the same object”. There’s nothing that’s the mirror image of that confluence of events.
The Rollover and other Actions based on it do not work in the same way that Apple’s scripts do. Apple is a big user of Prototype.js, which means they can do clever things like set four (or more) different observers on the same button image, each tasked with a different job, and each fired independently of the others.
You can play around with this in Freeway right now by installing the Protaculous Action bundle and using the Observer Action that’s inside it.
Draw an HTML box the size of a button on your page, and make it light gray (#ccc). While it’s still selected, apply the Observer Action to it. In the Actions palette, type the word mousenter in the first DOM Event field, and then click on the Function Body button next to that field. Paste in the following:
this.setStyle('background-color: #ffff99');
Now preview and mouse over your box. It will change to yellow. Now add another event in the next row, this time use mouseleave. Enter this code:
this.setStyle('background-color: #cccccc');
Now the color will reset when you mouse out of the box.
Repeat with the mousedown and mouseup events, setting each one to a different color, and you can see how the effect will be built and how it will behave.
Some day there may be a dedicated Action to allow you to do this sort of thing in Freeway, using images or DIVs, but for now, you’ll need to “roll your own”.
Yes, but note that at no time does that link leave the page! That’s
what I was talking about with the mousedown and mouseup events, and
not using the click at all. Rollover has never supported anything
except mouseover, mouseout, and click.
One want the click state to stay down after it has been clicked (the current behaviour) so that when you’re using it for triggering targets on the same page you can clearly see what has been clicked, a quick example of this is if you have a tabbed area on your page the rollover you just clicked to open a new tab will remain down to show where you are.
The other, like you, wants the button to click as soon as you mousedown and stay down only for that period of time, if there’s no link then you just see a change in state while the mouse button is pressed, if there is a link then you see the change and the lin is followed.
We have a suggestion to change or amend the way that the Rollover Action works to allow for what you want to do, to which I will add your name to give it extra weight.
Cheers,
Joe
On 14 May 2010, at 02:18, Paul Everett wrote:
Aha… ok I think am getting confused I just want something like this: Automated image rollover script
All becoming too much now I thought this would be a simple process.
Best I copy and resource a script.
Or am being a bit off target with what I am trying to achieve a rollover ‘over button’ and a rollover of ‘the click button’