O'Reilly logo

MooTools 1.3 Cookbook by Jay Larry G. Johnston

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Making one listener start a chain of events

MooTools allows us to queue up functions within an array so that each function can be called, one after the other. This is referred to as chaining. This recipe is about making a chain and then using a listener to start the chain rolling.

Getting ready

Create a small array of numbers that can be used by our script, each one made bold in sequence.

<div id="numbers">
<span>1</span> <span>2</span> <span>3</span>
<span>4</span> <span>5</span> <span>6</span> <span>7</span></div>

How to do it...

Define, for quick reuse, my_numbers as var my_numbers = $$('#numbers span');. Next, create a function that will advance the bold, black highlight to the next number, or start at "1" if none is active.

var advance_one_number ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required