use some less annoying callback examples for nav buttons

Gordon Koo · Gordon Koo · commit afb3097401b3 · 2012-07-24T16:13:27.000-07:00
diff --git a/index.html b/index.html
@@ -64,7 +64,7 @@ <h2 id="subheading" class="one two three">Content</h2>
                   targetId: 'subheading',
                   orientation: 'bottom',
                   nextCallback: function() {
-                    alert('clicked next on step 1');
+                    document.getElementById('pageTitle').style.color = '#f00';
                   }
                 },
                 {
@@ -75,7 +75,7 @@ <h2 id="subheading" class="one two three">Content</h2>
                   width: 320,
                   height: 480,
                   prevCallback: function() {
-                    alert('clicked prev on step 2');
+                    document.getElementById('pageTitle').style.color = '#000';
                   }
                 },
                 {
@@ -88,10 +88,7 @@ <h2 id="subheading" class="one two three">Content</h2>
                   title: 'Python decorator',
                   content: 'Here\'s an example of a python decorator',
                   targetId: 'python',
-                  orientation: 'right',
-                  nextCallback: function() {
-                    alert('clicked next on step 4');
-                  }
+                  orientation: 'right'
                 },
                 {
                   title: 'Mission district',

Original file line number	Diff line number	Diff line change
`@@ -64,7 +64,7 @@ <h2 id="subheading" class="one two three">Content</h2>`
`64`	`64`	`targetId: 'subheading',`
`65`	`65`	`orientation: 'bottom',`
`66`	`66`	`nextCallback: function() {`
`67`		`- alert('clicked next on step 1');`
	`67`	`+ document.getElementById('pageTitle').style.color = '#f00';`
`68`	`68`	`}`
`69`	`69`	`},`
`70`	`70`	`{`
`@@ -75,7 +75,7 @@ <h2 id="subheading" class="one two three">Content</h2>`
`75`	`75`	`width: 320,`
`76`	`76`	`height: 480,`
`77`	`77`	`prevCallback: function() {`
`78`		`- alert('clicked prev on step 2');`
	`78`	`+ document.getElementById('pageTitle').style.color = '#000';`
`79`	`79`	`}`
`80`	`80`	`},`
`81`	`81`	`{`
`@@ -88,10 +88,7 @@ <h2 id="subheading" class="one two three">Content</h2>`
`88`	`88`	`title: 'Python decorator',`
`89`	`89`	`content: 'Here\'s an example of a python decorator',`
`90`	`90`	`targetId: 'python',`
`91`		`- orientation: 'right',`
`92`		`- nextCallback: function() {`
`93`		`- alert('clicked next on step 4');`
`94`		`- }`
	`91`	`+ orientation: 'right'`
`95`	`92`	`},`
`96`	`93`	`{`
`97`	`94`	`title: 'Mission district',`