cell rollover

hugh · September 23, 2011, 1:50pm

I have three table cells each containing a rounded corner graphic which are links. I have different state rollovers for each of these graphics.

But is there some way to make the table cell background change colour when rolled over? And for the cell itslef to be linked? How do i do that?

cheers
Hugh

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

waltd · September 23, 2011, 2:00pm

Can you post a link to an example page? This is fairly simple with some JavaScript, but it would help to see what the layout looks like before I jump in and post the code.

Walter

On Sep 23, 2011, at 9:50 AM, hugh wrote:

But is there some way to make the table cell background change colour when rolled over?

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

hugh · September 23, 2011, 2:11pm

Not got a live page anywhere, Walter. But I’ve sent you the Freeway file, should make sense.

Hugh

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

waltd · September 23, 2011, 3:37pm

You’ll need to install my AddSelector Action, as well as the Protaculous Action. Both are at ActionsForge.

Perform the following steps on each table cell:

Click once on the cell, so you see the thickened selection border around it. From the Item menu, choose Actions / Add Selector.
Look in the Actions palette. In the Add Selector to Tag picker, choose TD.
In the Class field, enter ‘hover’ (without the quotes).

(There’s nothing magic about the word hover here, I just chose it for its semantic value.)

Click elsewhere on the pasteboard, and apply the Protaculous Action to the page. In the Actions palette, choose prototype-packed from the Library picker. Click once on the top Function Body button and paste in the following:

$$('td.hover a:first-of-kind').each(function(elm){
	elm.observe('mouseover', function(evt){
		elm.up('td').addClassName('hoverstyle');
	});
	elm.observe('mouseout', function(evt){
		elm.up('td').removeClassName('hoverstyle');
	});
});

Finally, open the Styles palette, choose New Style from the gear menu, and do the following:

In the Tag field, enter ‘td.hoverstyle’ (without the quotes).
Tab into the Name field, delete whatever is there automatically, and then Tab out of that field to make it stick.
In the Character popup menu, choose Background Color and set your desired hover color for the cells.
Save, and double-check that Freeway didn’t sneak something back into the Name field while your attention was diverted.

Now preview in a browser, and you should see the background color of the table cell “slaved” to the rollover inside that cell.

Walter

On Sep 23, 2011, at 10:11 AM, hugh wrote:

Not got a live page anywhere, Walter. But I’ve sent you the Freeway file, should make sense.

Hugh

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

David_McCallum · September 23, 2011, 6:04pm

There is an action ‘Cell BG colour on Rollover’ - Cell BG Colour On Rollover - ActionsForge

David

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

hugh · September 24, 2011, 8:16am

Hi David, thanks for the tip - but it’s only for FW v4/5 upwards, I’m on 3.

regards
Hugh

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

David_McCallum · September 24, 2011, 8:24am

but it’s only for FW v4/5 upwards, I’m on 3.

Maybe it’s time you upgraded - you are missing out on a lot of improvements.

D

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

hugh · September 24, 2011, 8:39am

Maybe. But that’s a different argument…

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

Paul_Bradforth · September 24, 2011, 8:41am

On 24 Sep 2011, at 09:16, hugh wrote:

Hi David, thanks for the tip - but it’s only for FW v4/5 upwards, I’m on 3.

Second time I’ve seen this happen to you in a month Hugh; seriously, why on earth are you using version 3?

best wishes,

Paul Bradforth

Buy my eBooks at:
http://www.paulbradforth.com/books/

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

hugh · September 24, 2011, 8:46am

In a month?.. are you sure, Paul?..

As I say it’s another argument, not for here!

best regards
Hugh

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

Paul_Bradforth · September 24, 2011, 9:01am

On 24 Sep 2011, at 09:46, hugh wrote:

In a month?.. are you sure, Paul?..

Sorry Hugh, you’re quite right it’s more than a month:

http://freewaytalk.net/thread/view/95049#m_95055

best wishes,

Paul Bradforth

Buy my eBooks at:
http://www.paulbradforth.com/books/

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

hugh · September 24, 2011, 8:13pm

I get the feeling you’re watching me, Paul…you’re not the Stasi, are you?..

I must confess, a couple of weeks a go I had a sudden urge to upgrade. Unfortunately the urge passed before I could do anything about it…

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

David_McCallum · September 24, 2011, 11:01pm

Here is something you might try - and i am not saying it will work because I haven’t had V3 for ages.

Take the cell-bg action and change the file suffix from .fwaction to .act3 and see if it loads into FW.

It may be that the code in the action will not work at all but FW3 certainly does not support the .fwaction extension.

D

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