[Pro] How can I make div change color on mouseover?

How can I make div change color on mouseover in Freeway

CSS or Javascript?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I believe that there is an AttentionFX action in FW5 that does this for you using the Scripty actions.

You’d draw out your DIV item and then apply the action to it and then in the palette’s you’d choose “On Trigger” in your options and then set the color, etc…and then change the “trigger on” to “mouse over.” Publish / Preview and you’re done.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Dan,

But the effect using the AttentionFX is a “one off” effect, not a lasting effect that maintains the divs colour change when the mouse is left over the div which I need.

The effect I was after is similar to when you see tables change colour. But on a div.

I can use code i.e. below , but I’m interested in the mechanics of getting this code into the Freeway interface in the right places to make it work.

 <div onmouseover="this.style.backgroundColor='#F9F9F9';" 

onmouseout="this.style.backgroundColor=’#FFFFFF’ ">


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can put them into the Extended dialog for the layer item. Select
the item, press command-option-x, in the

tab click New and enter
the name value pairs you have like so:

Name: onmouseover
Value: this.style.backgroundColor='#F9F9F9'

and

Name: onmouseout
Value: this.style.backgroundColor='#FFFFFF'

Hope this helps.

Joe

On 12 May 2009, at 09:25, WebWorker wrote:

Thanks Dan,

But the effect using the AttentionFX is a “one off” effect, not a
lasting effect that maintains the divs colour change when the mouse
is left over the div which I need.

The effect I was after is similar to when you see tables change
colour. But on a div.

I can use code i.e. below , but I’m interested in the mechanics of
getting this code into the Freeway interface in the right places to
make it work.

<div onmouseover="this.style.backgroundColor='#F9F9F9';"

onmouseout="this.style.backgroundColor=’#FFFFFF’ ">


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Joe,

Perfect :slight_smile:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options