Drupal 6 JavaScript and jQuery - Ebook-Cours.com

jQuery: Do More with Drupal
Unfortunately, the two popular ways of accomplishing this have
significant drawbacks.
The first method of calling the init() method is to embed a snippet of JavaScript
somewhere in the page. For example, a section of code like this might be inserted
somewhere in the document's body:
StickyRotate.init()
What's wrong with this? For starters, it's messy. In order to make sure that it is
executed correctly, we have to put the script somewhere in the HTML after the
last sticky node. Otherwise, we run the risk of having the script execute before the
HTML is completely loaded. This means that we have to hack the page.tpl.php file
to insert the code in the appropriate place. This, in turn, can end up being a pain to
maintain (and it is not very portable).
Instead, we might try to fire the event by adding onload="StickyRotate.init()"
to the element. This has two drawbacks. First, it means we have
to hack page.tpl.php, which is undesirable. Second, onload is not implemented
consistently across browsers, and it may take longer to fire than we would like
(or it may fire before the document is really ready).
Fortunately for us, jQuery provides a third alternative. We can write a few lines
of JavaScript that will attach an event handler to a special jQuery ready event.
According to the jQuery documentation, the ready event is fired the instant the DOM
is ready to be read and manipulated. (See http://docs.jquery.com/Events/ready
for details.)
Here and throughout the book, we will use this method to execute code as soon as
we can reliably do so.
Here's how we will do it for our present code:
$(document).ready(StickyRotate.init);
This code doesn't go in the HTML body, and does not need to be launched
from onload or another HTML attribute. Instead, it is included in our
sticky_rotate.js file.
Here's how this line works.
[ 90 ]
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801