Practical prototype and scipt aculo us part 5 pps
Practical prototype and scipt.aculo.us part 5 pps
... atop
Prototype. Most famously, script .aculo. us (which we’ll cover in Part 2) uses Prototype
as a basis for a rich library of effects and UI controls.
Many JavaScript toolkits, script .aculo. us included, ... to
read and understand. These days, Prototype enjoys exhaustive documentation, both
official and unofficial. But readability, intuitive naming schemes, and cleanlines...
Practical prototype and scipt.aculo.us part 9 ppsx
... map, inject, invoke,
and pluck
The next four Enumerable methods carry more cryptic names, but are every bit as useful
as the methods described previously.
Using Enumerable#map and Enumerable#inject
The ... array.
Using Enumerable#reject
Nearly identical to select, reject will return all the items that fail a particular test.
[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].reject(isEven);
//-> [1, 3,...
Practical prototype and scipt.aculo.us part 10 pps
... Hash or the shorthand $H:
var airportCodes = new Hash();
To set and retrieve keys from the hash, use Hash#set and Hash#get, respectively:
airportCodes.set('AUS', 'Austin-Bergstrom ... shortcut,
and we’ve got a syntax that’s almost as terse as the one we started with:
var airportCodes = $H({
AUS: "Austin-Bergstrom Int'l",
HOU: "Houston/Hobby",
IAH:...
Practical prototype and scipt.aculo.us part 17 pps
... code into Firebug because you’re just starting out—as you learn
about other aspects of Prototype, we’ll mix them in with what you already know, thus
pushing the examples closer and closer to real-world ... chapter, all
about events, gives us a big push in that direction.
CHAPTER 4 ■ AJAX: ADVANCED CLIENT/SERVER COMMUNICATION 89
// WR makes one catch every 2 minutes for 25 yds and does...
Practical prototype and scipt.aculo.us part 20 ppsx
... because the user hasn’t had a chance to enter text. But we know it’s definitely
invalid if the text box receives focus, then loses focus, and is still empty. That’s when we
should alert the user.
There’s ... naturally, if it were a pipe dream. Prototype
introduced support for custom events in version 1.6. Using Prototype, you can fire
CHAPTER 5 ■ EVENTS108
Figure 5- 10. Only the secon...
Practical prototype and scipt.aculo.us part 14 pps
... class="number">
td.previous(); //-> null
td.down(); //-> null
Calls to up and next return the parent node and the next sibling, respectively. Calls to
down and previous return null because no element ... tr#san_antonio
tr.previous(); //-> tr#dallas
tr.down(); //-> td
CHAPTER 6 ■ WORKING WITH THE DOM130
<tr id="austin">
<td>Austin</td>...
Practical prototype and scipt.aculo.us part 34 ppsx
... YOU SHOULD KNOW ABOUT DHTML AND SCRIPT .ACULO. US 197
script .aculo. us
PART 2
Inline elements don’t have implicit line breaks. If you wish to start a new line, you
must use a line break (
br) or wrap ... CSS: */
#box {
width: 50 px;
height: 50 px;
background-color: #ddd;
margin: 25px;
padding: 10px;
border: 5px solid #aaa;
}
Figure 9 -5. The visual result of the given markup and...
Practical prototype and scipt.aculo.us part 42 ppsx
... a new file called
game.html with script tags pointing to prototype. js and
scriptaculous.js:
CHAPTER 10 ■ INTRODUCTION TO SCRIPT .ACULO. US EFFECTS244
Queues
Effect queues address a subset of the ... visible—it’s only just begun animating. That’s
because the interpreter doesn’t wait around; it schedules the frames of the animation,
and then moves on to the next line.
script .aculo. u...
Practical prototype and scipt.aculo.us part 48 ppsx
... IN-PLACE EDITORS, AND SLIDERS280
• Click a suggestion.
• Use the up/down arrow keys to highlight a suggestion, and then press Enter.
• Use the up/down arrow keys to highlight a suggestion, and then press ... humongous data sets.
In our case, we’re pulling from a small list, but a professional football league has
around 30 teams and 53 active players per team—roughly 1,600 players. It...
Practical prototype and scipt.aculo.us part 55 pps
... script .aculo. us, 208–209
testing, 14–16
web site, 11
Prototype object, 15
prototype property, 5, 20, 142
Prototype. emptyFunction function, 313
prototype. js file, 13–14, 51 , 87, 210–212,
244
prototype. js ... 226
mousedown event, 257
mousemove event, 257
mouseover events, 264
mouseup event, 257
■N
namespacing, 141–142
native drop-down menu, 281
navigating nodes, 128–129
navi...