Errata

On page 71 you talk about goBack(); then mention return false to cancel the form submit action..

This does work fine if you hit the form submit button but if you hit the GO button on the iphone keypad instead which some people will maybe do more so, it just all goes black and blank and you need to come out the app and go launch it again to continue..

quite annoying as its quite a key thing and something that needs fixing.

apart from that loving the book so far!!..

cheers
Mark

The sample in chapter 3 is wrong as some other people pointed out already. It seems the code you are checking is not the same as the one we are downloading from the O'Reilly website. Here are some of the problems I found in file iPhone.js.

- The element variable is set to ' #header ul'. It should be just ' #header' since it seems the intention is to place the 5 top links in the 'container' section of the page.
- The line $('h1').html(title); does nothing because there is no <h1> tag in the page.
- The line $('#header').append('<div class="leftButton">'+hist[1].title+'</div>'); does nothing because by the time it executes, $('#header') does not exist.

- A simple solution was to add a div with id='header' and an empty <h1> tag for the rest of the code to execute as intended.

I removed part of the code related to : if (url.match(/jonathanstark.com/)) in a way it executed properly in my machine environment.

Below is the code which runs OK for me.

Thanks. The book is nice, clear and to the point. So far I find it very helpful.



var hist = [];
var startUrl = 'index.html';
$(document).ready(function(){
loadPage(startUrl);
});
function loadPage(url) {
$('body').append('<div id="progress">Loading...</div>');
scrollTo(0,0);
if (url == startUrl) {
var element = ' #header';
} else {
var element = ' #content';
}
$('#container').load(url + element, function(){
var title = $('h2').html() || 'Hello!';
if (title != 'Hello!')
$('#container').prepend('<div id=\'header\'><h1></h1></div>');

$('h1').html(title);
$('h2').remove();
$('.leftButton').remove();
hist.unshift({'url':url, 'title':title});
if (hist.length > 1) {
$('#header').append('<div class="leftButton">'+hist[1].title+'</div>');
$('#header .leftButton').click(function(e){
$(e.target).addClass('clicked');
var thisPage = hist.shift();
var previousPage = hist.shift();
loadPage(previousPage.url);
});
}

$('#container a').click(function(e){
var url = e.target.href;
e.preventDefault();
loadPage(url);
});
$('#progress').remove();
});
}