Drupal 6 JavaScript and jQuery - Ebook-Cours.com

JavaScript Theming
• $block->subject:
This is the title of the block.
• $block->content:
This is the content of the block.
These four pieces of information are all that is used to populate the template.
Now that we can interpret the PHP Template, the next step is to transform that
into JavaScript.
As we saw before, JavaScript has no template system, and the Drupal theming
system does not add one. Therefore, we will be turning the template into a JavaScript
function that builds a string of HTML.
While this might not be the prettiest solution, it is the de facto way of doing things
using the Drupal JavaScript theme system.
Here's our function for theming a block:
/**
* Theme a block object.
* This matches the bluemarine block.tpl.php.
*
* @param block
* A block object. Like the PHP version, it is expected to
* have a title and content. It may also have an id.
* @return
* Returns a string formated as a block.
*/
Drupal.theme.prototype.block = function (block) {
if (!block.id) {
block.id = "frobnitz-" + Math.floor(Math.random() * 9999);
}
var text = '' +
'' +
block.title +
'' +
block.content +
'';
return text;
};
The function Drupal.theme.prototype.block()will be get called when we call
Drupal.theme('block', blockObject).
[ 166 ]
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801