Drupal 6 JavaScript and jQuery - Ebook-Cours.com

}
});
sel.start = sel.end = -1;
The basic job of this function is to attach the editor to the passed-in textarea.
The highlighted sections represent the areas where changes have been made.
[ 275 ]
Chapter 8
The function starts by setting up a few variables with information about the target
textarea element. After this is a for loop:
var buttons = [];
for (i = 0; i < BetterEditor.buttons.length; ++i) {
button = BetterEditor.buttons[i];
buttons.push(Drupal.theme('button', button));
}
The buttons array, which was declared on the first line, will hold all of the themed
buttons. How do we get those? We loop through the values in BetterEditor.
buttons (this is the array we created on the server) and pass that data into a theming
function. Later, we will see how the Drupal.theme.prototype.button() function
themes buttons.
We now have information about the target text areas and a themed list of buttons.
The next step is to turn our buttons into a button bar:
var bar = $(Drupal.theme('buttonBar', buttons, id));
This uses another new theme, Drupal.theme.prototype.buttonBar(). This
takes a list of buttons and returns a single chunk of HTML which will function
as the button bar.
The next thing to do is insert our new button bar into the document immediately
before the textarea. This is also done with a jQuery chain:
$(bar).insertBefore('#' + txtareaID)
.children('.editor-button')
.click( /* anonymous function here */ );
This inserts the new button bar, and then adds a click handler to every child of the
button bar. What are the children of the button bar? Those are the nodes one-level
down (the individual buttons we created before. Therefore, each one of these buttons
will be assigned a click event handler.
The click handler has changed since the SimpleEditor version. Let's take a look at
this new version:
function () {
var txtareaEle = $('#' + txtareaID).get(0);
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801