Modifying Javascript/mootools to trigger event on page-load rather than mouseover

programming web dev
1

Hi guys.

A Javascript n00b-question? It just might be. :slight_smile:

I’m trying to use the method described in the article “Using CSS and Mootools to simulate Flash horizontal navigation effect” (see: http://woork.blogspot.com/2008/03/using-css-and-mootools-to-simulate.html) for implementing a vertical scroller.

As you can see from the example (http://woork.bravehost.com/mootoolsScroller/index.html), when hovering the mouse on the left or right side of the container div, the content will slide to one side or the other.

However, the adjustment I’m trying to acheive from the original file, is the following:

At page-load, I want the container to automatically start scrolling to the end. I’m no master in javascript, but I think the magic should be made here:

<script type="text/javascript">
    window.addEvent('domready', function(){
var scroll = new Scroller('container', {area: 100, velocity: 1});
 $('container').addEvent('mouseover', scroll.start.bind(scroll));
$('container').addEvent('mouseout', scroll.stop.bind(scroll));
        }); 
 </script>

(full source provided in the link above)

scroll.start.bind… if that could be set on a page-load type event, rather than on mouseover, I should be good, right? I’ve tried pageLoad, onLoad and load without any luck… suggestions?

All help would be much appreciated.