Practical prototype and scipt aculo us part 14 pps
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 ... 133
This time, we get results in all four directions: next and previous point to table rows 1
and 3, while
up and down point to the parent node and the first...
Practical prototype and scipt.aculo.us part 14 docx
... can return an error status code
instead of the typical
200. And it can use the content of the response to present a friend-
lier error message to the user.
PHP lets us do this rather easily.
<?php
// ... canonical—we just made it up. But Apache delivers this code
just fine, and Prototype properly recognizes it as an error code.
Test this in your browser. Open up
breakfast.php dir...
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 ... AGAIN)36
Other Collections That Use Enumerable
Two other Prototype classes that make use of Enumerable are Hash and ObjectRange.
Together they serve as great examples of how to use...
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 ... output.
Save your changes, and then go to the Firebug console. Press the up arrow key to
recall the last statement you typed, and then press Enter. Inspect the details of this
reques...
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 ... run.
Custom Events
I’ve saved the best part for last. Native browser events are purely reactive; they’re trig-
gered by user action. Wouldn’t it be great if we could harness the event...
Practical prototype and scipt.aculo.us part 34 ppsx
... markup and CSS
CHAPTER 9 ■ WHAT 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 ... (drag-
and- drop), and new controls (sliders, combo boxes, and in-place editors).
DHTML isn’t a special language; it’s just a term for what becomes possible when the
DOM APIs...
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 ... done.
When a user recognizes our list as a drop-down menu, he’ll expect it to act like one.
For the user’s sake,
Autocompleter tries very hard to ape the behavior of a drop-down....
Từ khóa: