http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/ User submitted comments to Practical Ecommerce's article entitled Video Tutorial: Script.aculo.us Effects en-us Copyright 2007 Confluence Publishing Sun, 23 Mar 2008 07:20:26 -0600 http://www.practicalecommerce.com/rss/ Practical Ecommerce v2.0.1 Ecommerce kmurdock@practicalecommerce.com bgetting@practicalecommerce.com 60 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment8102 hi, julien, i think this manual may help you: http://wiki.script.aculo.us/scriptaculous/show/EffectQueues Sun, 23 Mar 2008 07:20:26 -0600 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment8102 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment7323 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 Thu, 06 Mar 2008 07:06:20 -0700 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment7323 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment7305 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 Wed, 05 Mar 2008 13:51:10 -0700 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment7305 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment4814 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!!! Thu, 31 Jan 2008 19:46:57 -0700 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment4814 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment4464 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'); } }); Sun, 23 Dec 2007 07:16:18 -0700 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment4464 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3996 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 Thu, 01 Nov 2007 12:13:54 -0600 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3996 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3906 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. Fri, 19 Oct 2007 11:14:37 -0600 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3906 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3905 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? Fri, 19 Oct 2007 10:15:56 -0600 http://www.practicalecommerce.com/articles/570/Video-Tutorial-Scriptaculous-Effects/#comment3905