Drupal 6 JavaScript and jQuery - Ebook-Cours.com

[ 81 ]
Chapter 3
So in that one corner case, we can avoid adding our effect when $('#node-form').
size() is greater than 0.
In the case where there is only one sticky node on a page, or when the sticky node is
displayed as part of a content editing preview, the function simply returns without
doing anything.
But if neither of those conditions is met, initialization continues. Let's take a look at
what's next:
StickyRotate.init = function() {
var stickies = $(".sticky");
// If we don't have enough, stop immediately.
if (stickies.size() 0) {
return;
}
var highest = 100;
stickies.each(function () {
var stickyHeight = $(this).height();
if(stickyHeight > highest) {
}
});
highest = stickyHeight;
/* The rest of the code... */
};
We are interested in the highlighted portion of the code. The focus of this snippet of
code is the height of the area where our sticky nodes will be displayed.
Looking back at our three sticky nodes, we have two fairly large teasers (the two
Latin Descartes' quotes), but we also have a very short one. The node entitled A
Sticky Node has a one-line teaser: This node should always be displayed near the
top of the home page.
What we don't want is for a short node like this to cause the page layout to shift
significantly. We don't want the content to slide up for the short node, and then slide
back down to make room for longer nodes.
What we do want then, is to control the height of the sticky nodes. We want them all
to take up the same amount of screen space.
The code we just saw is designed to find the largest sticky node, get that node's
height, and then use that as the height for all of the sticky nodes.
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801