Errata

Start Here! Build Windows 8 Apps with HTML5 and JavaScript

Errata for Start Here! Build Windows 8 Apps with HTML5 and JavaScript

The errata list is a list of errors and their corrections that were found after the product was released.

The following errata were submitted by our customers and have not yet been approved or disproved by the author or editor. They solely represent the opinion of the customer.

Color Key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update

Version Location Description Submitted by Date submitted
PDF Page 17
Last paragraph

In my version of VS2012 Express I did not have the option to use the "Build Style". When I right clicked on the body Element the option was not listed. I see it on my toolbar but it is greyed out and not clickable. I am not sure if this is a VS Express issue or if there was something I am missing to make that option available. I presume the option is there since I can see it on my toolbar. More of just wondering why I was not able to leverage the feature if you have any ideas.

This is a fresh install of VS 2012 Express for Windows 8.

Thank you,

Marco

 Marco Crank  Jun 14, 2013 
PDF Page 19
First function listed in middle of page is incorrect.

Incorrect -
function numberButtonClick() { var number = generateNumber(); document.getElementById("number").innerHTML = number;

Should be
function numberButtonClick() { var number = generateNumber(); document.getElementById("numberLabel").innerHTML = number;

The companion code is correct.

 Marco Crank  Jun 14, 2013 
PDF Page 19
app.onactivated code listing

Incorrect -
document.getElementById("numberButton").addEventListener("click", numberButtonClick)

Should be -
document.getElementById("numberButton").addEventListener("click", numberButtonClick);

Missing the semi colon at the end. Companion code is correct.

 Marco Crank  Jun 14, 2013 
Printed Page 19
2nd paragraph

function numberButtonClick()
{
var number = generateNumber();
document.getElementById("number").innerHTML = number;
}


should be


function numberButtonClick()
{
var number = generateNumber();
document.getElementById("numberLabel").innerHTML = number;
}

 Adeniyi Grillo  Jun 15, 2013 
PDF Page 19
After second paragraph, in function numberButtonClick() {

The line that says:
document.getElementByID("number").innerHTML = number;

should read:
document.getElementByID("numberLabel").innerHTML = number;

The name of the label is wrong in the PDF edition.

 Bob Delaney  Jul 14, 2013 
PDF Page 26
CSS configuration missing

You describe how to setup the default.html but do not include the .css settings to get the page to look like the screenshot for figure 2-2. Since this is a new project the new default.css does not include the previous settings. I basically copied the code from the previous project since it was the same. Beginning coders though, like myself, might be a bit confused when they run the app and it does not appear like the screenshot. I would suspect most people going through the book can easily figure it out though. Just wanted to point this out to you.

 Marco Crank  Jun 14, 2013 
PDF Page 29
Last paragraph

In this paragraph you state Here's how you can rewrite the page multi.html using only HTML5 specific elements. The next sentence says to name the page multi5.html. Clarification on this if you wanted us to add a new page or just rename the existing multi.html page.

Neither option is stated.

Thank you,

Marco

 Marco Crank  Jun 14, 2013 
Printed Page 115
Before last paragraph

book says:

function init() {
document.getElementById("numberButton").addEventListener("click", numberButtonClick);
}

the function numberButtonClick does not exist in this project the code should read:

function init() {
document.getElementById("numberButton").addEventListener("click", displayGeneratedNumber);
}

 Barry Ansell  Oct 14, 2013 
Printed Page 134
United States

When TodoList.js is created I did not find any mention that it also needs to be added to the references section in the default.html as such:

<!-- TodoList references -->
<link href="/css/todolist.css" rel="stylesheet" />
<link href="/css/default.css" rel="stylesheet" />
<script src="/js/todolist.js"></script>
<script src="/js/default.js"></script>

 Anonymous  Feb 01, 2014 
PDF Page 136
Code following the first paragraph

Following the line that begins <input id="taskPriority" ... after the first paragraph on the page, that line of code needs to conclude with a closing angle bracket, like this:
... max: maxPriority />

 Bob Delaney  Aug 28, 2013 
Printed Page 137
Adding a button and tooltips code sample

The image on page 140 has the "Add Task" button right aligned. The source code on page 137 is missing this. The opening div tag should be:

<div style="text-align: right;padding-right:30px;">

 Bryan Hins  Feb 01, 2014 
Printed Page 139
first code sample

the function TodoList.getIndexFromStatus(task.status) is never defined and is required before running the application on page 140. It should be defined in TodoList.js and be:

TodoList.getIndexFromStatus = function (option) {
switch (option) {
case "In progress": return 1;
case "Completed": return 2;
default: return 0;
}
}

 Bryan Hins  Feb 01, 2014 
Printed Page 145
3rd paragraph

The books says:

"In default.html, you add the following markup just before the footer. "

Default.html for this exercise does not have a footer, nor does the accompanying code samples. Instead the location should be
just inside the closing body tag of default.html.

 Bryan Hins  Feb 01, 2014