Legacy User says:

Friday, October 19, 2007 · 10:15 AM

Thanks Brian. This was a nice overview. I just started using script.aculo.us and it's simple, but at the same time a bit overwhelming. What's the best way to set the initial state of a div? I have a div that i want to slide in when a button is pushed using the Effect.toggle ('slide') but i haven't figured out how to make it initially in the hidden state, so that the button slides it into view. Any ideas?

-- Jeff Foxx

Legacy User says:

Friday, October 19, 2007 · 11:14 AM

You can set the initial state of the element that you want to move around or fade by either setting a "style" attribute in the HTML document of "display:none;". Or, you can also go through and set the initial state via JavaScript using some sort of "onload" initialization function.

-- Brian Getting

Legacy User says:

Thursday, November 01, 2007 · 12:13 PM

Found scriptaculous stuff a while ago... but became overwhelmed a little early on myself. Bound and determined (I love the way the scriptaculous elements move and slide in when you go to their site) I jumped back in today.

I've seen PLENTY of click and mouseover examples... what's the best way (much like scriptaculous did) of approaching sliding/fading/moving elements in when the page FIRST LOADS. Onload? This is great... NO FLASH.

Great video tutorial... I didn't finish it yet so my apologies if the ONLOAD deal was covered in there.

thanks

-- MBHayes

Legacy User says:

Sunday, December 23, 2007 · 07:16 AM

Rather than using setTimeout() it's easier to use the built in afterFinish (if you are using blind, appear, or slide):

Effect.toggle(el, 'appear', {
    afterFinish: function(effect){
        Effect.toggle(effect.element, 'appear');
    }
});

-- whoover

Legacy User says:

Thursday, January 31, 2008 · 07:46 PM

Wonderful tutorial! I'm a university student that freelances for food money - so this just added a night out to the keg!

Thanks so much, I'll be using it it all my projects to come!!!

-- Jenn

Legacy User says:

Wednesday, March 05, 2008 · 01:51 PM

Woa...thank you Brian. that was the missing link for me. I have to admit that the scritaculous site is not really well explained for the newbies.

i know i like to see the entire construction to understand how it works and your tutorial shows exactly that.

Thank you ...thank you.

more...more...you don't have more about scriptaculous stuff.

cheers

-- julien

Legacy User says:

Thursday, March 06, 2008 · 07:06 AM

Well, i am still bugging to use a series of effect like the application.js of the tutorial when the page load rather than when clicking a button. i got the display:none set in the html. i can make it work for one effect on one element but i can't figure out how to timed it and have multiple effect on multiple elements. firebug shows me an error saying missing ) after argument list but i tried placing one but it's not working.

    Event.observe(window,'load',function(){
    Effect.Appear('logo', { duration: 1.0 });
    window.setTimeout('Effect.BlindDown('box_who_are_we_content', {duration: 1});', 2000);
    window.setTimeout('Effect.BlindDown('box_who_are_we_shadow', {duration: 1});', 4000);
    });

any idea how to do it or where to find the answer. thanks

-- julien

Legacy User says:

Sunday, March 23, 2008 · 07:20 AM

hi, julien,

i think this manual may help you:

http://wiki.script.aculo.us/scriptaculous/show/EffectQueues

-- dzutaro