Better navigation for all demos

tjvantoll · Jun 30, 2014 · b87ce0c · b87ce0c
1 parent fc825b1
commit b87ce0c
Show file tree

Hide file tree

Showing 38 changed files with 379 additions and 38 deletions.
diff --git a/appendix-c/index.html b/appendix-c/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Appendix C</title>
+</head>
+<body>
+
+<h1>Appendix C</h1>
+
+<ul>
+	<li><a href="01-example.html">Grocery List Manager</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/appendix-d/03-time-picker.html b/appendix-d/03-time-picker.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Currency Picker</title>
+	<title>Time Picker</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/appendix-d/index.html b/appendix-d/index.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Appendix D</title>
+</head>
+<body>
+
+<h1>Appendix D</h1>
+
+<ul>
+	<li><a href="01-decimal-picker.html">Decimal Picker</a></li>
+	<li><a href="02-currency-picker.html">Currency Picker</a></li>
+	<li><a href="03-time-picker.html">Time Picker</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/appendix-f/index.html b/appendix-f/index.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Appendix F</title>
+</head>
+<body>
+
+<h1>Appendix F</h1>
+
+<ul>
+	<li><a href="01-date-input.html">Date Input Polyfill</a></li>
+	<li><a href="02-number-input.html">Number Input Polyfill</a></li>
+	<li><a href="03-range-input.html">Range Input Polyfill</a></li>
+	<li><a href="04-progress-element.html">Progress Element Polyfill</a></li>
+	<li><a href="05-datalist-element.html">Datalist Element Polyfill</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-01/index.html b/chapter-01/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Chapter 1</title>
+</head>
+<body>
+
+<h1>Chapter 1</h1>
+
+<ul>
+	<li><a href="01-building-a-datepicker.html">Building a Datepicker</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-02/04-dialog-position.html b/chapter-02/04-dialog-position.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Dialog with Title</title>
+	<title>Dialog With position Option Set</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-02/index.html b/chapter-02/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Chapter 2</title>
+</head>
+<body>
+
+<h1>Chapter 2</h1>
+
+<ul>
+	<li><a href="01-simple-dialog.html">A Simple jQuery UI Dialog</a></li>
+	<li><a href="02-red-dialog.html">A jQuery UI Dialog with Red Text</a></li>
+	<li><a href="03-dialog-with-options.html">Dialog with title and buttons Options Set</a></li>
+	<li><a href="04-dialog-position.html">Dialog With position Option Set</a></li>
+	<li><a href="05-dialog-chainable.html">Widget's Methods are Chainable</a></li>
+	<li><a href="06-option-setter.html">Using the option() Method as a Setter</a></li>
+	<li><a href="07-editable-list.html">Building Editable Lists with Dialog</a></li>
+	<li><a href="08-create-event.html">Create Event</a></li>
+	<li><a href="09-callback-vs-event-handler.html">Callbacks vs. Event Handlers</a></li>
+	<li><a href="10-counting-dialogs.html">Counting the Number of Dialogs Created</a></li>
+	<li><a href="11-event-parameters.html">Dialog Event Parameters</a></li>
+	<li><a href="12-terms-of-use-dialog.html">Building a Terms of Use Dialog</a></li>
+	<li><a href="13-dialog-with-coordinates.html">Dialog with Coordinates in Title Bar</a></li>
+	<li><a href="14-extension-points.html">Extension Points</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-03/01-autocomplete-local-data.html b/chapter-03/01-autocomplete-local-data.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>An Autocomplete Widget using Local Data</title>
+	<title>An Autocomplete Widget Using Local Data</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/04-autocomplete-customizing-callback.html b/chapter-03/04-autocomplete-customizing-callback.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Customizing Results with a Callback</title>
+	<title>Customizing Results With a Callback</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/08-button-with-icon.html b/chapter-03/08-button-with-icon.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Button with Icons</title>
+	<title>Button With Icons</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/10-selectmenu-optgroup.html b/chapter-03/10-selectmenu-optgroup.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Selectmenu Widget with optgroup Elements</title>
+	<title>Selectmenu Widget With optgroup Elements</title>
 
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 

diff --git a/chapter-03/11-datepicker-christmas.html b/chapter-03/11-datepicker-christmas.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Datepicker that Disables Christmas</title>
+	<title>Datepicker That Disables Christmas</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 	<style>
 		.ui-datepicker .ui-christmas span {

diff --git a/chapter-03/12-datepicker-no-weekends.html b/chapter-03/12-datepicker-no-weekends.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Datepicker that Disallows Weekends</title>
+	<title>Datepicker That Disallows Weekends</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/14-datepicker-change-locales.html b/chapter-03/14-datepicker-change-locales.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Datepicker that Changes Locales</title>
+	<title>Datepicker That Changes Locales</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/16-spinner-min-max-step.html b/chapter-03/16-spinner-min-max-step.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Spinner with min, max, and step options set</title>
+	<title>Spinner With min, max, and step Options Set</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 </head>
 <body>

diff --git a/chapter-03/index.html b/chapter-03/index.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Chapter 3</title>
+</head>
+<body>
+
+<h1>Chapter 3</h1>
+
+<ul>
+	<li><a href="01-autocomplete-local-data.html">An Autocomplete Widget using Local Data</a></li>
+	<li><a href="02-autocomplete-label-value.html">Autocomplete Using Label and Value</a></li>
+	<li><a href="03-insurance-company-autocomplete.html">Insurance Company Search</a></li>
+	<li><a href="04-autocomplete-customizing-callback.html">Customizing Results With a Callback</a></li>
+	<li><a href="05-autocomplete-github-repo.html">Autocomplete of jQuery GitHub Repository Names</a></li>
+	<li><a href="06-button-controls.html">Button Controls</a></li>
+	<li><a href="07-language-buttonset.html">Language Buttonset</a></li>
+	<li><a href="08-button-with-icon.html">Button With Icons</a></li>
+	<li><a href="09-selectmenu-widget.html">Selectmenu Widget</a></li>
+	<li><a href="10-selectmenu-optgroup.html">Selectmenu Widget With optgroup Elements</a></li>
+	<li><a href="11-datepicker-christmas.html">Datepicker That Disables Christmas</a></li>
+	<li><a href="12-datepicker-no-weekends.html">Datepicker That Disallows Weekends</a></li>
+	<li><a href="13-datepicker-appointment-selection.html">Datepicker Appointment Selection</a></li>
+	<li><a href="14-datepicker-change-locales.html">Datepicker That Changes Locales</a></li>
+	<li><a href="15-spinner-widget.html">Spinner Widget</a></li>
+	<li><a href="16-spinner-min-max-step.html">Spinner With min, max, and step Options Set</a></li>
+	<li><a href="17-complete-appointment-form.html">Complete Appointment Form</a></li>
+	<li><a href="18-html5-pickers.html">HTML5 Date and Number Pickers</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-04/index.html b/chapter-04/index.html
@@ -0,0 +1,30 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Chapter 4</title>
+</head>
+<body>
+
+<h1>Chapter 4</h1>
+
+<ul>
+	<li><a href="01-accordion-movies.html">Accordion for Movie Information</a></li>
+	<li><a href="02-accordion-collapsible.html">Collapsible Accordion</a></li>
+	<li><a href="03-accordion-change-panels.html">Change Accordion Panels</a></li>
+	<li><a href="04-accordion-adding-panels.html">Adding Accordion Panels</a></li>
+	<li><a href="05-tabs-widget.html">Tabs Widget</a></li>
+	<li><a href="06-movie-listing.html">Movie Listing</a></li>
+	<li><a href="07-menu-widget.html">Menu Widget</a></li>
+	<li><a href="08-determinate-progressbar.html">Determinate Progressbar</a></li>
+	<li><a href="09-slider-widget.html">Slider Widget</a></li>
+	<li><a href="10-range-sliders.html">Range Sliders</a></li>
+	<li><a href="11-tooltip-widget.html">Tooltip Widget</a></li>
+	<li><a href="12-delegated-tooltips.html">Delegated Tooltips</a></li>
+	<li><a href="13-custom-tooltip-content.html">Custom Tooltip Content</a></li>
+	<li><a href="14-message-composer.html">Message Composer</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-05/03-draggable-containment.html b/chapter-05/03-draggable-containment.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Draggable with Containment</title>
+	<title>Draggable With Containment</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-05/11-resizable-custom-handle.html b/chapter-05/11-resizable-custom-handle.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Resizable with a Custom Handle</title>
+	<title>Resizable With a Custom Handle</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-05/index.html b/chapter-05/index.html
@@ -0,0 +1,29 @@
+<!doctype html>
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>jQuery UI in Action: Chapter 5</title>
+</head>
+<body>
+
+<h1>Chapter 5</h1>
+
+<ul>
+	<li><a href="01-red-draggable.html">Basic Draggable Element</a></li>
+	<li><a href="02-draggable-axis.html">Draggable on X and Y Axis</a></li>
+	<li><a href="03-draggable-containment.html">Draggable With Containment</a></li>
+	<li><a href="04-droppable-basic.html">Basic Droppable</a></li>
+	<li><a href="05-color-match-game.html">Color Match Drag & Drop Game</a></li>
+	<li><a href="06-shopping-cart.html">Drag & Drop Shopping Cart</a></li>
+	<li><a href="07-sortable-basic.html">Basic Sortable</a></li>
+	<li><a href="08-sortable-movie-ranking.html">A Movie Ranking Poll</a></li>
+	<li><a href="09-sort-fruits-vegetables.html">Fruit & Vegetable Sorter</a></li>
+	<li><a href="10-resizable-basic.html">Basic Resizable</a></li>
+	<li><a href="11-resizable-custom-handle.html">Resizable With a Custom Handle</a></li>
+	<li><a href="12-calendar-grid.html">Calendar Grid</a></li>
+	<li><a href="13-file-system.html">File System</a></li>
+</ul>
+
+</body>
+</html>
diff --git a/chapter-06/01-shake-box.html b/chapter-06/01-shake-box.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Shaking a Box with the Shake Effect</title>
+	<title>Shaking a Box With the Shake Effect</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-06/04-error-box-shake.html b/chapter-06/04-error-box-shake.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Error Box with Shake Effect</title>
+	<title>Error Box With Shake Effect</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-06/07-grow-div-addClass.html b/chapter-06/07-grow-div-addClass.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Grow div using addClass()</title>
+	<title>Grow div Using addClass()</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-06/08-color-animation.html b/chapter-06/08-color-animation.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Animating Colors with jQuery UI</title>
+	<title>Animating Colors With jQuery UI</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-06/09-mobile-fly-out-menu.html b/chapter-06/09-mobile-fly-out-menu.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>Mobile Fly Out Menu</title>
+	<title>Mobile Off-Canvas Menu</title>
 	<link href="../css/jquery-ui.css" rel="stylesheet">
 
 	<style>

diff --git a/chapter-06/14-css-3d-spin.html b/chapter-06/14-css-3d-spin.html
@@ -3,7 +3,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<title>CSS3 Animations - 3D Infinite Spin</title>
+	<title>CSS3 Animations — 3D Infinite Spin</title>
 
 	<style>
 		@-webkit-keyframes spin-3d {