Historical errata for Prototype and script.aculo.us

Just before the middle of the page you got a small explanation typo mistake.

$$(‘#navbar li’ , ‘#sidebar li’ )
// -> all links within the elements of ID “navbar” or “sidebar”

might be

$$(‘#navbar li’ , ‘#sidebar li’ )
// -> all LI within the elements of ID “navbar” or “sidebar”

Hope this help ;-)

At the end of the tip box, I guess it might be more clear to change the CSS selector to add the className from :

#myForm *:disabled

to

#myForm *[disabled]

as it is shown few lines upper.

Hope this help,

“Do note the attribute names are HTML names, not DOM property names
(e.g. class instead of className, or for instead of htmlFor ).”

Element.writeAttribute accepts both, mainly because Safari will choke on something like this:

element.writeAttribute({class: ‘disabled’});

So you have the choice between writing:

element.writeAttribute({’class’: ‘disabled’});
// or
element.writeAttribute({className: ‘disabled’});

Same goes for htmlFor.

Did I miss something or don’t you go over Element.addMethods at all ?

Second line of the page:
it should be ‘)’ instead of ’’)

Please forget what I wrote, knot in my eyes :(

charset in meta tag needs to be ‘utf-8’, not ‘utf8’

Mislav’s family name hates everything but utf-8 ;)

In the ‘Careful with Hash keys…’ section, ‘alredy’ should be ‘already’

In the first bullet, “The first element is
they key name”, ‘they’ should be ’the

The escapeHTML and unescapeHTML example appears to be mising the / in the escaped version (both directions). It has

at the end going to <ht&gt; when I think it should be </h1&gt;

I’m confused about the distinction between n and node in Staff.init(). They seem to be equal, so I don’t understand the purpose of node.

Consider not to pass the deprecated insertion: Insertion.Top as a parameter to Ajax.Updater.
Instead use insertion: ‘Top’.

It was stated on page 131 that the Insertion object has been replaced, so it is a bit confusing when it appears on page 179 as the way to go about inserting with Ajax.Updater.

$$(‘#navbar li’ , ‘#sidebar li’ )
// -> all links within the elements of ID “navbar” or “sidebar”

“links” should either be “LI elements” or “list items”

Misconception aleter: for…in is not intended to iterate over an array.

“aleter” in there is a typo

The code on this page returns an error at line 24 of the example:
Error: node.checked has no properties

I’m running with Firebug in Firefox 2.0.0.4

The art of observing events, on page 90, properly
registered event handler methods take the current even object as their
first argument.

should read

The art of observing events, on page 90, properly
registered event handler methods take the current event object as their
first argument.

In the second code example for ‘each’, the comment at the top has the order of the results reversed. It should say:
// Alerts ‘0: hello’ then ‘1: world’

Small typo: “du to viewport size” should be “due to viewport size”

OS X versions are all mixed up. 10.2 is Jaguar, 10.3 is Panther, 10.4 is Tiger (Puma is 10.1)

The 2nd line of the 3rd paragraph (copied below) protrudes out into the margin, almost to the edge of the page.

Text: “aimed at turning the query string part of a URL (stuff like name=john&text=cool%20stuff&show=yes”

On 2nd-to-last line
“for (var i = 0, length = this.length; i < length; i)”
replace comma with semicolon

Last paragraph: “That’s for the staff logic…”
should be “That’s it for the staff logic…” ?

End of last paragraph: “let’s to it.”
should be “let’s get to it.” or “let’s do it.”

Last sentence of 2nd bullet: “An highlight effect would be nice, too, but we’ll get to that later.”
“An” should be “A”

It is in Appendix B (there is no page number on the bottom): There are a couple of Blahs left. You probably should change them to a description or remove them.

Weird character encoding issue

editableHTMLs = [
‘Andrew Dupont’,
‘Mislav Marohnitextquotesinglec’, // <——— !!!!!!
‘Thomas Fuchs’,
‘Tobie Langel’
]

I don’t think it’s really necessary to explain why you chose Ruby. I’m glad you use Ruby as the server component for your examples, but I still find myself disagreeing with some of your reasons. Why not just get to the meat, and save stuff like this for your blog? Respectfully yours, Nathan.

Last line:
“Fortunately, they key ones
(especially the completion-related ones) are safe.”
“They” instead of “the”

paragraph “Common effect callbacks”.
“They are usually arranged in in before/after pairs,”
2 times “in”

“Figure 13.4: Effect.Wavein action”
missing space

“We’ll equip our Tux element with an expando isOut( ) function:”
what’s “expando”? ;)

at the bottom … spacedOutText.strip() // -> ‘Hello there’
wouldn’t that be ‘Hello there!’ ?

8.4 title: " olling: Ajax. eriodicalUpdater" (missing P’s)

‘instanciation’ should be ‘instantiation’

The first sentence of the first para should read, “…knowledge under our belts,” instead of “…knowledge behind our belt.” Corrects the cliché and corrects the case agreement (belts instead of belt).

At the start of para 3, say, “In order to use the effects capabilities of script.aculo.us,” instead of “In order to use script.aculo.us’ effects capabilities.”

In first paragraph ‘uniformously’ should be ‘uniformly’.

Very often, we find yourselves needing to pass a method around, only

Typically, we’d find yourself doing something like this:

…
tags I have never ever seen in production) are ommitted: only ,
and

<p>tags are taken into account.<br /> …<br /> should read “omitted”</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>65</td><td></td><td>TYPO</td><td><p>Section 3.6, 2nd para., 2nd sentence, replace “hoist” with “host”.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>83</td><td></td><td>SUGGEST</td><td><p>… (here comes sortBy(), which we will describe later on) … Actually you described sortBy() before (not later).</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>22</td><td></td><td>TYPO</td><td><p>unobstrusively- typo, should be unobtrusively (there’s an extra s after the b). Looks like the same mistake is spread throughout the rest of the book too.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>119</td><td></td><td>ERROR</td><td><p>Some details re #8716. Line 24 of sample code doesn’t work using prototype 1.5.1+ because down(selector) doesn’t work on a node not attached to the DOM. The sample file you can download at media.pragprog.com/titles/cppsu/code/prototype/dom/people.html works because it uses prototype 1.5.1pre0. To see the difference, try $(document.createElement(‘div’)).update(’</p> <p> <p>abc<span>def</span></p> </p> <p>‘).down(’span’) in Firebug. With 1.5.1pre0 this works. With any later prototype (at least up to 1.6.0rc0) it fails.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>129</td><td></td><td>ERROR</td><td><p>These lines in the removeSelected() function don’t do what they seem to:</p> <p>var container = this.selected.container;<br /> container = container.without(this.selected);</p> <p>This does not remove the selected node from the container, it merely creates a copy of the containing array and assigns it to a local variable. You can demonstrate this by removing the HR node, then evaluating “Staff.nodes[0].children” in Firebug. You will see that the HR node still exists.</p> <p>I don’t see a simple fix. I would replace the “container” property with a “parentNode” property pointing to the parent node itself (rather than the parent node’s children array). Then you could do parentNode.children = parentNode.children.without(this.selected). You’d also need to rename Staff.nodes to Staff.children.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>101</td><td></td><td>SUGGEST</td><td><p>2nd para. under “The duality of Event.stop( )”, sentences 4 and 5 might read better this way: ‘Obviously, when you register a client-side form-checking method as a listener for a form’s submit event, you want to inhibit the default behavior if your checks fail. A so-called “smart popup” unobtrusively listens to its link’s click event to open it in a popup window, at which point navigation should not take place in the link’s window.’</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>101</td><td></td><td>SUGGEST</td><td><p>3rd para. under “The duality of Event.stop( )”, 1st sentence might read better this way: ‘Because these two behaviors –- stopping propagation and preventing default<br /> behavior –- often occur together, Event.stop( ) does both.’</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>20</td><td></td><td>TYPO</td><td><p>at the end of second last paragraph:<br /> , and returns a n array of the resulting values. —> an array</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>20</td><td></td><td>TYPO</td><td><p>at the end of second last paragraph:<br /> , and returns a n array of the resulting values. —> an array</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>215</td><td></td><td>ERROR</td><td><p>fireworks application not working</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>213</td><td></td><td>ERROR</td><td><p>In the “fireworks example” the event arg is/was missing in fireworks.js function bindUI(event)<br /> Trying to find errors is a great way to learn whats going on btw :)</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>251</td><td></td><td>SUGGEST</td><td><p>“Chess notation” para: as a chess player I’d like to suggest that you describe it properly. Columns are lettered a-h (on an 8x8 board) left-to-right. Rows are numbered 1-8 from bottom to top. Also the lower-right-hand square is a light-colored square, not dark. Sorry, I couldn’t help myself!</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>254</td><td></td><td>ERROR</td><td><p>A tiny one: Line 9 does not require the abs() function since squaring returns a positive result.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>189</td><td></td><td>TYPO</td><td><p>missing “:” after onComplete i Ajax.Responders.register</p> </td><td>2007-12-17</td><td></td></tr> <tr><td></td><td>155</td><td>TYPO</td><td><p>Under the Heading “Streamlining AJAX forms with request( )” it says “Just now that this simple call (e.g. $(’myForm’).request()) submits your…”.</p> <p>‘now’ should be ‘know’. (from sample chapter 7 pdf)</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>202</td><td></td><td>ERROR</td><td><p>missing a closing paren after people.each(function(person) { … }</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>81</td><td></td><td>TYPO</td><td><p>When describing the syntax of the three methods eachSlice, inGroupsOf and zip (written in blue font),</p> <p>zip(sequence<ldots/> [ , iterator = Prototype.K ] ) —> Array</p> <p>should probably be written</p> <p>zip(sequence… [ , iterator = Prototype.K ] ) —> Array</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>20</td><td></td><td>TYPO</td><td><p>Para 2, “duplicate” should be duplicates, or duplication.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>23</td><td></td><td>TYPO</td><td><p>Para 3 - “couple tables” missing “of”</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>19</td><td></td><td>TYPO</td><td><p>“As you may know, functions in JavaScript get an automatic arguments<br /> variable, that holds of their arguments.”</p> <p>Is there supposed to be an “all” between “holds” and “of”?</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>23</td><td></td><td>ERROR</td><td><p>Your description of the table code indicates you will be showing a “couple” of tables yet your actual code only has one table. This is confusing.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>35</td><td></td><td>TYPO</td><td><p>“you’ll be able to express in a very few characters of code what used to be bor -<br /> ingly verbose,”</p> <p>Is there an extra “a” in between “in” and “very”?</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>151</td><td></td><td>ERROR</td><td><p>In the following text, type=“input” should be replace by type=“text”.</p> <p>Original version:</p> <p>it first focuses the field, then if it’s an appropriate field type (e.g.<br /> a <input> with type=“input” or a</p> <textarea> <p>), it selects its contents.</p> <p>Fixed version:</p> <p>it first focuses the field, then if it’s an appropriate field type (e.g.<br /> a <input> with type=“text” or a</p> <textarea> <p>), it selects its contents.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>28</td><td></td><td>TYPO</td><td><p>“Manually creating all the required DOM nodes would be fastidious” should probably read “Manually creating all the required DOM nodes would be tedious”.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>29</td><td></td><td>ERROR</td><td><p>The downloadable code doesn’t work for me. Firebug says “document.observe is not a function”. Grabbing prototype 1.6 and putting it in prototype/intro/basic gets rid of the error, but still a blank screen. Changing line 72 of basic.js from document.observe(‘contenloaded’) to document.observe(‘dom:loaded’) (as in the book) causes the example to work ok.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>36</td><td></td><td>ERROR</td><td><p>Again, downloaded code doesn’t work. Downloading prototype 1.6 fixes.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>38</td><td></td><td>TYPO</td><td><p>“Sometimes an object is neither a regular namespace nor a proper<br /> namespace.”</p> <p>Shouldn’t one of those namespaces be “class”? If not, you haven’t until that point explained the difference between regular/proper so it doesn’t make much sense.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>234</td><td></td><td>TYPO</td><td><p>var tpl = new Template(<br /> ‘#{length} people. #{0.name} likes #{0.interests[2], ’ +<br /> ‘among other things.’);</p> <p>You’re missing a } in #{0.interests[2]</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>74</td><td></td><td>TYPO</td><td><p>Page 74 only has 1 paragraph and 3 lines. Which should be 2nd paragraph appears directly in page 75, leaving a huge blank in this page.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>178</td><td></td><td>ERROR</td><td><p>For instance, assuming your required fields all have Req in their id= attributes,<br /> .. followed by ..<br /> if ($(‘myForm’).select(‘<strong>[name</strong>=“Req”]’).invoke(‘present’).all())</p> <p>Which is checking for the name attribute, not id as described. This might work on msie of course :)</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>182</td><td></td><td>TYPO</td><td><p>Last paragraph of “Joe asks..” has: Note than a later version of … s/than/that/</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>183</td><td></td><td>ERROR</td><td><p>The first code example uses ‘contentloaded’ still, which should now be ‘dom:loaded’.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>189</td><td></td><td>TYPO</td><td><p>As we’ll see in Section 9.2, Hooking Up Our Code: Ajax Callbacks, on page 203, Prototype defines a series of callbacks for state changes and events mapping to the official states, plus a few ones.</p> <p>.. There’s a missing ‘new’ here, and the rest of the sentence doesn’t make much sense either.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>100</td><td></td><td>TYPO</td><td><p>the second line of text on this page says “The iterator computes a new value for the iterator and returns it.” - should this be “computes a new value for the accumulator”?</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>212</td><td></td><td>TYPO</td><td><p>It’s time we look at the two new options Ajax.Updater has over Ajax.<br /> Requester yet.</p> <p>“yet” looks like a hangover.</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>141</td><td></td><td>TYPO</td><td><p>where the second last paragraph says ‘That “regular” way appears in createDOMFragment( ), on line 20.’ the createDOMFragment() call is on line 21 of the listing</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>141</td><td></td><td>TYPO</td><td><p>(re: #29932) by which I mean the createElement() call</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>All</td><td></td><td>ERROR</td><td><p>The use of the work “iterator” to mean the function that is passed to “each” or any of the other methods created by Enumerable is really confusing to me — and I think technically wrong. I don’t really want to debate if it is right or wrong. I may be full of it. But I really do find it terribly confusing.</p> <p>To me, an iterator reminds me of C<span class="underline"></span> and other languages where it is an object used to iterate through another object. It matches closely to “index”.</p> <p>The function passed in to each and the other methods is closer to a ‘thunk’ that Algol created, perhaps a ‘predicate’ although that seems not really proper either. ‘lambda function’ maybe…</p> </td><td>2007-12-17</td><td></td></tr> <tr><td>102</td><td></td><td>TYPO</td><td><p>If ‘hello’.length is 5, how can ‘is’.length be 3?</p> </td><td>2008-04-29</td><td></td></tr> <tr><td>116</td><td></td><td>SUGGEST</td><td><p>English grammar: “say you got only one” should be either “say you have only one” or “say you’ve got only one.”</p> </td><td>2008-04-29</td><td></td></tr> <tr><td>23</td><td></td><td>TYPO</td><td><p>thebungeebook.net looks for a local link</p> </td><td>2008-04-29</td><td></td></tr> <tr><td>323</td><td></td><td>OK</td><td><p>The whole scriptaculous chapter is completely different to the downloadable code. For instance the advanced page and ajax page contain only 1 texbox in the code wwhereas the pictures imply multiple and different boxes… Confused :-(</p> </td><td>2008-04-29</td><td></td></tr> <tr><td>74</td><td></td><td>TYPO</td><td><p>Unusual page break after only 4 lines of text.</p> <p>Text on next page begins: “Or you may just want to evaluate the scripts in an HTML fragment: ”</p> </td><td>2008-04-29</td><td></td></tr> <tr><td></td><td>42</td><td>SUGGEST</td><td><p>On the for() code snippet</p> <p>for (var index = 0, l = array.length; index < l; ++index) // etc</p> <p>It would be advisable to change <em>l</em> to read as another variable. On brief review, that letter <em>l</em> can be read as a number one.</p> <p>Just a thought :)</p> </td><td>2008-04-29</td><td></td></tr> <tr><td></td><td>62</td><td>OK</td><td><p>‘Vowels are bad for you’ .gsub(/[aeiouy]/, ‘-’)<br /> // -> ‘V-w-ls <del>r</del> b-d f-r —-’</p> <p>Please note that Y is a consonant when it comes at the beginning of a word. Example: “you”</p> </td><td>2008-04-29</td><td></td></tr> <tr><td></td><td>200</td><td>OK</td><td><p>The ruby code for example search does not work on MAC OS (I tried it on Linux just fine). Maybe the method “get_search_results()” which searches through directories is the culprit: probably the ruby libraries are organized in different places on MAC OS than for example on Linux?<br /> Suggestion: offer an alternate code for MAC OS user.. thanks!</p> </td><td>2008-04-29</td><td></td></tr> <tr><td></td><td>284</td><td>ERROR</td><td><p>In chapter 15 that talks about Draggables, the text talking about the “delay” option says that the value is in “seconds”, despite the preceeding paragraph and footnote saying that this value is in “milliseconds”.</p> <p>Testing shows it to be millis.</p> <p>Thanks for a great book!</p> <p>Dan</p> </td><td>2008-04-29</td><td></td></tr> <tr><td></td><td>259</td><td>OK</td><td><p>There isn’t revertcolor option in Effect.Highlihght<br /> There are 3 color options (startcolor, endcolor, restorecolor)</p> <p>I guess revertcolor is restorecolor.<br /> Is it Right?</p> </td><td>2008-04-29</td><td></td></tr> <tr><td>345</td><td></td><td>ERROR</td><td><p>Builder shorthand methods (perhaps all builder create methods too) require the second arg to be an array of elements and not the element itself. So for example this does not work.</p> <p>P ({ className: 'submission' }, INPUT({ type: 'submit', value: 'Sign in'}))</p> <p>But this does.</p> <p>P ({ className: 'submission' }, [INPUT({ type: 'submit', value: 'Sign in'})])</p> </td><td></td><td></td></tr> <tr><td></td><td>19-20</td><td>TYPO</td><td><p>HTML on page 19 contains one table, but all subsequent figures 2.2 and 2.3 display two tables.</p> </td><td></td><td></td></tr> <tr><td>258</td><td></td><td>ERROR</td><td><p>the correct name for the option in the Effect.Highlight is restorecolor and not revertcolor</p> </td><td></td><td></td></tr> <tr><td></td><td>33</td><td>TYPO</td><td><p>In the syntax block that shows the definition for multiple elements, what is shown is<br /> $(ID|element…) -> [ extendedElement, …]</p> <p>But I think it really is this (note the comma location)<br /> $(ID|element…) -> [ ,extendedElement …]</p> <p>Otherwise the syntax produces a hanging comma, no?</p> <p>Cheers</p> <p>Terry</p> </td><td></td><td></td></tr> <tr><td></td><td>330</td><td>ERROR</td><td><p>The downloadable code for this book has a comment at the top of scriptaculous/autocomplete/advanced/suggestions.rhtml that does not appear in the sample code in the text.</p> <p>I find that the code does not work unless the comment is removed from the sample code.</p> <p>This is probably true on p. 324 also.</p> </td><td></td><td></td></tr> <tr><td>183</td><td></td><td>ERROR</td><td><p>The document.observe(‘contentloaded’ should be document.observe(‘dom:loaded’ as to be consistent with others and the 1.6 way of doing this.</p> </td><td></td><td></td></tr> <tr><td>175</td><td>165</td><td>TYPO</td><td><p>line 4: Replace ‘<input> with type=“input”’ with ‘<input> with type=“text”’.</p> </td><td></td><td></td></tr> <tr><td>233</td><td>224</td><td>ERROR</td><td><p>The template is missing a closing curly brace } after 0.interests[2].</p> </td><td></td><td></td></tr> <tr><td>28</td><td></td><td>SUGGEST</td><td><p>Grammar: in the second paragraph, “shortly in a moment” is redundant.</p> </td><td></td><td></td></tr> <tr><td></td><td>89</td><td>TYPO</td><td><p>Top of the page, last sentence in the paragraph, replace the second appearance of “iterator” with “accumulator. Thus, it should read, ”The iterator computes a new value for the accumulator and returns it."</p> </td><td></td><td></td></tr> <tr><td>104</td><td></td><td>TYPO</td><td><p>The code in this page has ‘y’ as vowel:<br /> var md = s.match(/[aeiouy]/g);</p> </td><td></td><td></td></tr> <tr><td>27</td><td></td><td>SUGGEST</td><td><p>The english is a bit jolty generally in this book.</p> <p>In particular, this paragraph:</p> <p>Perhaps you come from a programming background with languages<br /> that do not have higher-order functions, meaning you can use functions<br /> as regular values to be assigned, passed around as arguments to other<br /> functions, returned as result values, and so on.</p> <p>I had to read it 3 times, and only when I read the following paragraph did I understand what the author was trying to say.</p> <p>This would be better:</p> <p>Perhaps you come from a programming background with languages<br /> that do not have higher-order functions. These are functions that can be used as regular values to be assigned, passed around as arguments to other<br /> functions, returned as result values, and so on.</p> <p>I thought he was explaining lack of higher order functions because of the topic of the sentence (languages that do NOT have higher order functions).</p> </td><td></td><td></td></tr> <tr><td>28</td><td></td><td>ERROR</td><td><p>This is not what fastidious means.</p> </td><td></td><td></td></tr> <tr><td>112</td><td></td><td>ERROR</td><td><p>All download links to media.pragprog.com return 404.<br /> eg: media.pragprog.com/titles/cppsu/code/code/prototype/…</p> <p>Removing the extra ‘code’ from the url, returns resources.<br /> eg: media.pragprog.com/titles/cppsu/code/prototype/…</p> </td><td></td><td></td></tr> <tr><td>53</td><td></td><td>ERROR</td><td><p>This is actually in the “P2.0 printing, May 2008” version of the book, but that’s not listed in your dropdown on the add erratum page. Anyway:</p> <p>The code snippet towards the bottom of the page that reads:</p> <p>for (var index = 0, len = array.length; index < l; ++index)</p> <p>should compare “index < len”, not “index < l”, which obviously won’t work.</p> </td><td></td><td></td></tr> <tr><td>66</td><td></td><td>TYPO</td><td><p>The second method</p> <p>should be</p> <p>The fifth method</p> </td><td></td><td></td></tr> <tr><td>67</td><td></td><td>TYPO</td><td><p>The fourth addition</p> <p>should be the seventh</p> </td><td></td><td></td></tr> <tr><td>90</td><td></td><td>SUGGEST</td><td><p>They’re likely to be standardized in JavaScript 2.0 (ECMAScript, 4th edition, due in 2007).</p> <p>Isn’t this a little bit outdated? This is 2010, and the fifth edition was released in december 2009.</p> </td><td></td><td></td></tr> <tr><td>102</td><td></td><td>SUGGEST</td><td><p>I think the = sign in the examples is hard to read. It looks way too much like a - sign.</p> </td><td></td><td></td></tr> <tr><td>111</td><td></td><td>TYPO</td><td><p>(in separate Java-Script files)</p> <p>shouldn’t this read</p> <p>(into separate Java-Script files)</p> </td><td></td><td></td></tr> <tr><td>112</td><td></td><td>TYPO</td><td><p>Prototype used to sport an extra …</p> <p>should read</p> <p>Prototype used to support an extra …</p> </td><td></td><td></td></tr> <tr><td>177</td><td></td><td>TYPO</td><td><p>(<select multiple=multiple">)</p> <p>should read</p> <p>(<select multiple="multiple">)</p> </td><td></td><td></td></tr> <tr><td>30</td><td></td><td>TYPO</td><td><p>result += (this.country || “); should be result +=(this.country || ”"); Without the terminating quotation mark, gives an error noting such in Firefox’s error console.</p> </td><td></td><td></td></tr> <tr><td></td><td>42</td><td>ERROR</td><td><p>Book version May 2008 - version # 2008-5-5<br /> “for (var index = 0, len = array.length; index < l; ++index)<br /> // your code using index here.”</p> <p>index is checked against variable l, shouldn’t this be the variable len which has been defined and set to zero, where is variable l defined and initialized?</p> </td><td></td><td></td></tr> </table> </div> <section class="cat"> <section class="cat"> <h3>Categories:</h3> <ul> <li><a href="/categories"><i>Browse All Categories</i></a></li> <li><a href="https://pragprog.com/categories/android-ios-and-mobile/"> Android, IOS, and Mobile </a></li> <li><a href="https://pragprog.com/categories/architecture-design-and-testing/"> Architecture, Design, and Testing </a></li> <li><a href="https://pragprog.com/categories/audio-books/"> Audio Books </a></li> <li><a href="https://pragprog.com/categories/beta/"> Beta </a></li> <li><a href="https://pragprog.com/categories/brain-teasers/"> Brain Teasers </a></li> <li><a href="https://pragprog.com/categories/cloud-and-networking/"> Cloud and Networking </a></li> <li><a href="https://pragprog.com/categories/data-and-data-science/"> Data and Data Science </a></li> <li><a href="https://pragprog.com/categories/distributions/"> Distributions </a></li> <li><a href="https://pragprog.com/categories/elixir-phoenix-and-otp/"> Elixir, Phoenix, and OTP </a></li> <li><a href="https://pragprog.com/categories/for-beginners/"> For Beginners </a></li> <li><a href="https://pragprog.com/categories/functional-programming/"> Functional Programming </a></li> <li><a href="https://pragprog.com/categories/game-dev-graphics-and-media/"> Game Dev, Graphics, and Media </a></li> <li><a href="https://pragprog.com/categories/go-language/"> Go Language </a></li> <li><a href="https://pragprog.com/categories/hardware-hobby-and-home/"> Hardware, Hobby, and Home </a></li> <li><a href="https://pragprog.com/categories/java-and-jvm-languages/"> Java and JVM Languages </a></li> <li><a href="https://pragprog.com/categories/javascript/"> Java​Script </a></li> <li><a href="https://pragprog.com/categories/management-people-and-teams/"> Management, People, and Teams </a></li> <li><a href="https://pragprog.com/categories/popular-libraries-and-frameworks/"> Popular Libraries and Frameworks </a></li> <li><a href="https://pragprog.com/categories/pragmatic-answers/"> Pragmatic Answers </a></li> <li><a href="https://pragprog.com/categories/pragmatic-express/"> Pragmatic Ex​Press </a></li> <li><a href="https://pragprog.com/categories/programming-languages/"> Programming Languages </a></li> <li><a href="https://pragprog.com/categories/python/"> Python </a></li> <li><a href="https://pragprog.com/categories/ruby-and-rails/"> Ruby and Rails </a></li> <li><a href="https://pragprog.com/categories/seven-in-seven/"> Seven in Seven </a></li> <li><a href="https://pragprog.com/categories/tools/"> Tools </a></li> <li><a href="https://pragprog.com/categories/web-development/"> Web Development </a></li> </ul> </section> </section> <aside> <div class="loginbox"> <h2>Releases, Offers & More</h2> <p> Be the first to hear about our newest content, best promotions and upcoming events. Plus get <span style="font-weight: bold; font-size: 1.1em;">25% off</span> your next purchase. </p> <p> <a class="loginbtn" href="/newsletter">Newsletter Sign Up</a> </p> <hr> <h2>Download Accounts</h2> <p> Your email address is your account identifier. You can create a password, or just download from the links sent via email. </p> <p> <a href="https://transactions.sendowl.com/customer_accounts/164668" class="loginbtn">My Orders</a> </p> <p> (<a href="https://transactions.sendowl.com/order_recoveries/new?merchant_id=164668" style="color: white;">Resend order emails</a>) </p> </div> <div class="box"> <h2>How We're Different</h2> <ul class="compact"> <li><p>Hands-on instructions</p></li> <li><p>Solutions to real-world problems</p></li> <li><p>DRM-free ebooks</p></li> <li><p>Free updates within an edition</p></li> <li><p>Pioneered Beta books</p></li> <li><p>We're software developers, too</p></li> </ul> </div> </aside> <footer class="footer"> <ul style="margin-block-end: 0.5em"> <li><a href="/contact">Contact</a></li> <li><a href="/about">About Us</a></li> <li><a href="/privacy">Privacy</a></li> <li><a href="/terms-of-use">Terms of Use</a></li> <li><a href="/security">Security</a></li> <li><a href="/newsletter">Newsletter</a></li> <li><a href="https://www.giftya.com/brands/1568049/pragmatic-bookshelf" target="_blank">eGifts</a></li> <li><a href="/promotions">Partnerships & Promotions</a></li> <li><a href="/careers">Careers</a></li> </ul> <div style="font-size: 70%; color: #C2CBC2"> © 1999-2025 The Pragmatic Programmers, LLC. All Rights Reserved. </div> </footer> <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script> <script> window.cookieconsent.initialise({ "palette": { "popup": { "background": "#915465", "text": "#ffdddd" }, "button": { "background": "#93535B" } }, "theme": "classic", "content": { "message": "This website uses cookies for navigation, order transactions, and general analytics. ", "href": "https://pragprog.com/privacy" } }); </script> </div> </body> </html>