I want to build a menu system with several in-flow Transition FX slides. Does anyone have any clever ideas for toggling the currently visible one to hidden when triggering another?
-ss
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Not within the Transition FX itself. This is something that I would
do using Protaculous, and there it would be a fairly simple bit of
code. But it would be code. There’s no GUI with neat picking lists of
elements to pick from, just a fairly vertical learning curve.
Walter
On Jun 3, 2008, at 3:35 PM, Solutions Etcetera wrote:
I want to build a menu system with several in-flow Transition FX
slides. Does anyone have any clever ideas for toggling the
currently visible one to hidden when triggering another?-ss
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
Let’s say you have an HTML box named ‘myBox’ in Freeway, and within it, you have four inline HTML boxes to which you have applied the Transition FX, using the Fade effect.
What you need to do is observe the ‘click’ event on any one of them and use that to hide any of its neighbors that might be showing.
So if you applied Protaculous to the page, and chose protaculous-packed from the Library picker (to be compatible with Transition FX) you might be able to do this by adding the following code to the first Function Body in the Protaculous interface.
$('myBox').observe('click',function(evt){
var elm = evt.element();
elm.siblings().each(function(m){
if (m.visible()) Effect.Fade(m);
});
});
I haven’t tested this at all, but that’s the basic outline of how things work under the hood in Prototype and script.aculo.us – which is to say, the heart of Transition FX.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Oh, and if you want all this to happen on the mouseover rather than the click, then you would change the first line to read:
$('myBox').observe('mouseover',function(evt){
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks Walter!
I am unfamiliar with the ‘Protaculous’ action… but it seems like I should check it out. For now, MooTools has a group option for the accordion action, which seems like it will do very nicely (I am still playing with it as I type this).
Best regards,
Scott Simon
Solutions Etcetera
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
I just tried this, and found out that it hides everything else, not just the expanded areas. So don’t try this yet! I’ll try to work with Joe Billings at Softpress to add this functionality to the core Transition FX action.
Remember also that the MooTools Actions are not compatible with the Softpress Transition and Attention FX, and also with the Effects settings in the Show Hide Target Layer Action.
Walter
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
So if you applied Protaculous to the page, and chose protaculous-packed from the Library picker (to be compatible with Transition FX) …
What? A compatibility issue? Sheesh…more to remember
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 4 Jun 2008, 1:10 am, waltd wrote:
Remember also that the MooTools Actions are not compatible with the Softpress Transition and Attention FX, and also with the Effects settings in the Show Hide Target Layer Action.
Yeah… that is a bit of a drag. I don’t think it will affect the site I am currently working on as I will not be using the show/hide target action. But another site uses that action extensively and it would be nice to build menus for that site using Transition FX (provided each trigger could hide all related expanded areas).
I’ll keep my fingers crossed.
-ss
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
On 4 Jun 2008, 1:31 am, Solutions Etcetera wrote:
On 4 Jun 2008, 1:10 am, waltd wrote:
Remember also that the MooTools Actions are not compatible with the Softpress Transition and Attention FX, and also with the Effects settings in the Show Hide Target Layer Action.
Yeah… that is a bit of a drag. I don’t think it will affect the site I am currently working on as I will not be using the show/hide target action. But another site uses that action extensively and it would be nice to build menus for that site using Transition FX (provided each trigger could hide all related expanded areas).
I’ll keep my fingers crossed.
-ss
It would be more correct to say the MooTools javascript library is not compatible with Protaculous javascript library. The action only makes adding the script easy.
You could use both libraries within the same site if you wish, just not on the same page.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options