Don’t be too discouraged… people may not understand the question, or how to achieve the effect. Myself, I think you want the “CONTACT” bit to be part of the “DESIGN-MARKETING” menu… Is that right?
I have no idea how to combine these two effects through actions. I would likely not use the FX action, but copy out the source code it generates and attach it somehow to the CONTACT link in your menu. Not easy I suppose, but not impossible.
Thanks Ernie, yes I want the ‘CONTACT’ to be a sub-menu link from the Design/Marketing menu! Which, in tuen triggers the contact form via the FX action. (whilst keeping the CSS menu link/hover states styling).
Maybe too bigger ask of FW at present via the actions…
I agree nothings impossible, Its not essential, but would tidy up everything nicely!
Yeah, its the ‘somehow’ part I’m bamboozeled at too. But if your at a ‘designers block’ stage, then I have no hope! lol
It’s not so much a designer thing, I think, as a developer thing.
Adding the the word “contact” to the menu seems easy. The FX action
generates code that is attached to the html box around the current
“contact” location. There must be a way I think to copy that code and
attach it to new contact menu link.
Your first step I think is to add “contact” to your menu - leaving the
current contact and FX in place. Then we can work out how to transfer the
effect as well.
–
Ernie Simpson
On Wed, Aug 29, 2012 at 12:06 PM, Mr worm email@hidden
wrote:
Thanks Ernie, yes I want the ‘CONTACT’ to be a sub-menu link from the
Design/Marketing menu! Which, in tuen triggers the contact form via the FX
action. (whilst keeping the CSS menu link/hover states styling).
Maybe too bigger ask of FW at present via the actions…
I agree nothings impossible, Its not essential, but would tidy up
everything nicely!
Yeah, its the ‘somehow’ part I’m bamboozeled at too. But if your at a
‘designers block’ stage, then I have no hope! lol
If the FX Actions worked as inline text, then you’d be all set. As it is, there is an inline version of Rollover which can trigger other Actions, but FX doesn’t work that way. What I would do is the following:
Make a note of the ID (marked Title in the HTML Item Inspector) of the element you want to animate down. Also be sure to set the Overflow attribute of that element to Hidden. Remove any Actions you’ve applied to this box, as you’ll be attacking the show/hide in a different way.
Make a manual link to that box from your Contact text in the CSS Menu. This should be in the form of an Anchor link, so highlight the text, open the Hyperlink dialog, click the External tab, and type in an octothorp followed by the exact (case-sensitive) ID that you noted in step 1. #item42 for example
Apply Protaculous to the page, and set it to scriptaculous-packed in the Library picker. Click the top Function Body button, and paste in the following (assuming you are animating item42 – adjust to match the actual ID exactly):
var target = $(‘item42’).hide();
var links = $$(‘a[href$=“#item42”]’);
links.invoke(‘observe’, ‘mouseover’, function(evt){
target.blindDown();
});
target.observe(‘mouseout’, function(evt){
this.blindUp();
});
So what this does is first hide the target element before the page has a chance to display on screen, then find any links that anchor to that element and decorate them with the rollover → blindDown behavior. Finally, if the target is visible on screen and receives a mouseout event (the visitor hovered over it then moved their mouse elsewhere) the contact area will hide again.
One thing you might need to consider here is the iPhone/Pad or other non-rollover browsers. They will just never see your contact information at the moment.
Walter
On Aug 29, 2012, at 12:16 PM, Ernie Simpson wrote:
It’s not so much a designer thing, I think, as a developer thing.
Adding the the word “contact” to the menu seems easy. The FX action
generates code that is attached to the html box around the current
“contact” location. There must be a way I think to copy that code and
attach it to new contact menu link.
Your first step I think is to add “contact” to your menu - leaving the
current contact and FX in place. Then we can work out how to transfer the
effect as well.
–
Ernie Simpson
On Wed, Aug 29, 2012 at 12:06 PM, Mr worm email@hidden
wrote:
Thanks Ernie, yes I want the ‘CONTACT’ to be a sub-menu link from the
Design/Marketing menu! Which, in tuen triggers the contact form via the FX
action. (whilst keeping the CSS menu link/hover states styling).
Maybe too bigger ask of FW at present via the actions…
I agree nothings impossible, Its not essential, but would tidy up
everything nicely!
Yeah, its the ‘somehow’ part I’m bamboozeled at too. But if your at a
‘designers block’ stage, then I have no hope! lol
Also D, did you build your menu example? AMAZING!!!
Its also exactly what I’m looking for & if you could direct me in the URL it came from, or perhaps mail me a version off topic I would be most grateful, great styling too!
Once again thank you Ernie, Walt & Dave… The 3 of you are without doubt priceless to this forum!