I’m trying to put together a tester for a website and want to use the rollover s to trigger different layers and items on the page. I have one top row of rollovers which work fine but one of the top rollovers triggers a submenu of other rollovers. Problem is that when these submenu rollovers are rolled over they dissapear. What am I doing wrong? I’ve tried a variety of potential solutions but to no avail.
Have you tried the CSS Menu Action, built into Freeway? That’s what it does, and the result will be a lot more browser- and screen-reader-friendly than anything you cobble together with Target Show/Hide Layer and Rollover.
Thanks for your reponse.
I’m not familiar with this Action. I’ll have a look at it and see how this works. In the meantime I assume that what I was trying to achieve with the target and rollover combination is indeed achievable?
If you mean conceptually, can you create a menu/submenu/sub-submenu
structure in a Web page, then yes, absolutely. That’s what the CSS
Menu Action was made to do, and it starts with a nice clean
semantically obvious structure – the nested list:
main 1
sub 1
sub 2
sub-sub 1
sub-sub 2
main 2
sub 1
sub-sub 1
sub 2
main 3
All you do is lay out all your options as a single unordered list,
using the indent control to indicate the levels of the options in a
hierarchy, and using a single link for each option’s content. The
Action will build all the rest. You have control over the look and
feel of the elements, the layout, etc.
Walter
On Jul 27, 2011, at 10:50 AM, tonzodehoo wrote:
Hello Walt,
Thanks for your reponse.
I’m not familiar with this Action. I’ll have a look at it and see
how this works. In the meantime I assume that what I was trying to
achieve with the target and rollover combination is indeed achievable?
Hello again Walter, Just wanted to check where I can find the CSS menu action? I don’t appear to have it installed and I can’t seem to find it on the freeway site.
I’ve had a look at it but can’t get it to achieve the effect I want which is as the tester I’d set up. Is there any further addons or actions which can extend the range of this action.
Is what I want to achieve do-able with the CSS menu action?
So far all I’m getting is a vertical menu with no rollovers other than on the sub menu. I think I need to read more on this. Any guidance at all?
Cheers
There is a screencast about it (maybe more than one) at http://freewaycasts.com
and there’s a whole section of the Freeway manual devoted to it (I
am pretty sure).
Walter
On Jul 27, 2011, at 11:45 AM, tonzodehoo wrote:
Hello again Walter,
I’ve had a look at it but can’t get it to achieve the effect I want
which is as the tester I’d set up. Is there any further addons or
actions which can extend the range of this action.
Is what I want to achieve do-able with the CSS menu action?
So far all I’m getting is a vertical menu with no rollovers other
than on the sub menu. I think I need to read more on this. Any
guidance at all?
Cheers
Thanks for your patience.
I’ll have a look at the screencasts.
The manual I have only has two pages on the CSS menus and isn’t very in depth. It does have five pages on the Menu bar but prefaces this section by saying that its recommended to use the CSS menu Action instead.
I’ve progressed things a bit. I’ve got most of the appearance sorted. Yes I could grow to like this very much!
What I’d like to achieve is that the submenu is not directly attached to the main menu as per the flawed version on my tester page. Is this acheivable with the CSS menu?
I’ll have a look at the screencats and see if they solve any more queries such as putting in links and triggering other items on the page.
Not directly, but Tim Plumb created a CSS Menu Extras Action that
might let you introduce some custom CSS into the mix to detach the
submenu from its parent. Have a look at ActionsForge, or failing that,
look at Tim’s site http://freewayactions.com
Walter
On Jul 27, 2011, at 12:02 PM, tonzodehoo wrote:
What I’d like to achieve is that the submenu is not directly
attached to the main menu as per the flawed version on my tester
page. Is this acheivable with the CSS menu?
On Jul 27, 2011, at 11:48 AM, Walter Lee Davis wrote:
There is a screencast about it (maybe more than one) at http://freewaycasts.com
and there’s a whole section of the Freeway manual devoted to it (I
am pretty sure).
Hello Walter, Yes indeed I was nearly buying some plaster casts there!
I’ve emailed Tim to see whatever became of the CSS Menu Extras Action as I can’t find it anywhere.
The screencasts are very useful. I’ve never looked at them before. A lot of useful stuff there.
Well thats me taken the CSS Menu Action as far as I can see for now.
Yes indeed it looks the part but I still can’t see how it can be used to trigger other layers or images on the page or even add links. Am I missing something?
To add links, all you need to do is double-click into the HTML box
where your list is, highlight each element in the list, and apply a
link to each one. If you want to trigger other elements on the page,
replace the list element text with an inline instance of the Text
Rollover Action, which will get the correct code into the page right
where you need it.
Walter
On Jul 27, 2011, at 2:34 PM, tonzodehoo wrote:
Well thats me taken the CSS Menu Action as far as I can see for now.
Yes indeed it looks the part but I still can’t see how it can be
used to trigger other layers or images on the page or even add
links. Am I missing something?
The CSS Sub Menu Position Action (Menus) will allow you to place the sub menu where you want it but I’m not certain it will help too much in this instance.
Apologies for the late reply but I’m away this week and checking email when I can.
Regards,
Tim.
On 27 Jul 2011, at 17:34, Walter Lee Davis wrote:
Not directly, but Tim Plumb created a CSS Menu Extras Action that might let you introduce some custom CSS into the mix to detach the submenu from its parent. Have a look at ActionsForge, or failing that, look at Tim’s site http://freewayactions.com
I reckon I’ll need to try and resolve this in another way.
The sub-menu-position is another tool in the box but maybe not for this project. Similarily with the CSS menu action.
I’m sure there is a way to achieve what I’m aiming for and I guess a bit more time and tinkering with layers and targets and triggers appears to be the way forward for now.
I’m grateful for your input as it has advanced my knowledge of Freeway further and I hope by trying to achiev what I want here I can further it more.
Its been a bit of time and I’ve not been sitting staring at this all the time but I have returned to this with a fresh view but still the same end goal is not really being acheived.
I have gotten this far with the structure: http://www.adevlinvisual.com/menutester/menutester.html
I would like the celebration heading to stay stuck when the mouse is over the triggered area. This triggered area includes the sub headings and their boxes.
I would like each sub heading to trigger one of the coloured boxes which would have content in them and wouldn’t be the colour they are.
Is there such an action to allow graphic boxes to extend when triggered to do so and to collapse after?