Drupal 6 JavaScript and jQuery - Ebook-Cours.com

}
var li = $('');
// figure out if this is first or last
if (i == 0) {
li.addClass('first');
}
else if (i == items.length - 1) {
li.addClass('last');
}
// Add item to list
li.html(menuText).appendTo(list);
The highlighted portion is the new code.
First, we create a jQuery-wrapped list element:
var li = $('');
[ 173 ]
Chapter 6
Once we have the li object we check it to see if it is either the first or last menu item.
If it's the first, we add the first class. And if it is last, we add the last class. All
others will have only the leaf class.
Now that we have our list item element (li) ready, we add content and then append
the entire thing to the list object:
li.html(menuText).appendTo(list);
By the time the for loop is done, a new li object will have been added to the list
for each item that was in the original array of links.
Finally, after the for loop we have one last line. We bring things together with a last
jQuery chain:
return list.parent().html();
A theme function needs to return a string, so we grab a string representation of the
main element (together with its contents) using parent().html().
When all of this is put together, we should get a menu embedded in a block. The
entire thing should look something like this:
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801