Drupal 6 JavaScript and jQuery - Ebook-Cours.com

Building a Module
}
});
var sel = BetterEditor.selection;
if(sel.id == txtareaID && sel.start != sel.end) {
var buttonName = $(this).html();
var targetButton = null;
for (i = 0; i < BetterEditor.buttons.length; ++i) {
if (BetterEditor.buttons[i].name == buttonName) {
targetButton = BetterEditor.buttons[i];
break;
}
}
if (targetButton) {
txtareaEle.value = BetterEditor.insertTag(
sel.start,
sel.end,
targetButton,
txtareaEle.value
);
}
sel.start = sel.end = -1;
The code above has been highlighted even more carefully to show the particular
lines that were changed.
This function handles the response to a button click. For example, when a user
clicks on, the B button, this event handler needs to figure out what button was
clicked. Then it takes the appropriate action, which means it finds the selected
text and surrounds it with the tags.
The first if statement in this function determines whether or not a portion of the
document has been selected. As you may recall, our initial design for the editor only
wrapped HTML around the existing selected text (it did not insert empty tags).
Once inside of the if statement, we need to find out what button was called. To do
this, we will match the button's name with the text inside of the button element.
Here's why this works.
We know that the bold button will be named B. That is, we know that the text
displayed to the user will be B. We also know that this value comes directly from
the button object's name property.
[ 276 ]
This material is copyright and is licensed for the sole use by Richard Ostheimer on 18th June 2009
2205 hilda ave., , missoula, , 59801