├── css ├── demos.css └── images │ ├── animated-overlay.gif │ ├── ui-icons_222222_256x240.png │ ├── ui-icons_2e83ff_256x240.png │ ├── ui-icons_454545_256x240.png │ ├── ui-icons_888888_256x240.png │ ├── ui-icons_cd0a0a_256x240.png │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ ├── ui-bg_flat_75_ffffff_40x100.png │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ ├── ui-bg_glass_65_ffffff_1x400.png │ ├── ui-bg_glass_75_dadada_1x400.png │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ ├── ui-bg_glass_95_fef1ec_1x400.png │ └── ui-bg_highlight-soft_75_cccccc_1x100.png ├── chapter-10 ├── css │ ├── app.css │ └── jquery-ui │ │ ├── images │ │ ├── animated-overlay.gif │ │ ├── ui-icons_222222_256x240.png │ │ ├── ui-icons_2e83ff_256x240.png │ │ ├── ui-icons_454545_256x240.png │ │ ├── ui-icons_888888_256x240.png │ │ ├── ui-icons_cd0a0a_256x240.png │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ ├── draggable.css │ │ ├── sortable.css │ │ ├── all.css │ │ ├── autocomplete.css │ │ ├── selectable.css │ │ ├── tooltip.css │ │ └── progressbar.css ├── built │ ├── js │ │ ├── build.js │ │ └── jquery-ui │ │ │ ├── effect-fade.js │ │ │ └── i18n │ │ │ ├── datepicker-ko.js │ │ │ ├── datepicker-ja.js │ │ │ ├── datepicker-zh-CN.js │ │ │ ├── datepicker-zh-HK.js │ │ │ ├── datepicker-zh-TW.js │ │ │ ├── datepicker-fa.js │ │ │ ├── datepicker-he.js │ │ │ ├── datepicker-tj.js │ │ │ ├── datepicker-tr.js │ │ │ ├── datepicker-az.js │ │ │ ├── datepicker-cs.js │ │ │ ├── datepicker-sr.js │ │ │ ├── datepicker-bs.js │ │ │ ├── datepicker-ca.js │ │ │ ├── datepicker-es.js │ │ │ ├── datepicker-gl.js │ │ │ ├── datepicker-hi.js │ │ │ ├── datepicker-km.js │ │ │ ├── datepicker-mk.js │ │ │ ├── datepicker-ms.js │ │ │ ├── datepicker-nl.js │ │ │ ├── datepicker-sq.js │ │ │ ├── datepicker-da.js │ │ │ ├── datepicker-hu.js │ │ │ ├── datepicker-id.js │ │ │ ├── datepicker-ky.js │ │ │ ├── datepicker-nb.js │ │ │ ├── datepicker-nn.js │ │ │ ├── datepicker-no.js │ │ │ ├── datepicker-sv.js │ │ │ ├── datepicker-de.js │ │ │ ├── datepicker-eo.js │ │ │ ├── datepicker-kk.js │ │ │ ├── datepicker-lb.js │ │ │ ├── datepicker-af.js │ │ │ ├── datepicker-ar.js │ │ │ ├── datepicker-hr.js │ │ │ ├── datepicker-ru.js │ │ │ ├── datepicker-uk.js │ │ │ ├── datepicker-en-AU.js │ │ │ ├── datepicker-en-GB.js │ │ │ ├── datepicker-en-NZ.js │ │ │ ├── datepicker-it.js │ │ │ ├── datepicker-nl-BE.js │ │ │ ├── datepicker-sk.js │ │ │ ├── datepicker-sl.js │ │ │ └── datepicker-sr-SR.js │ ├── css │ │ └── jquery-ui │ │ │ ├── images │ │ │ ├── animated-overlay.gif │ │ │ ├── ui-icons_222222_256x240.png │ │ │ ├── ui-icons_2e83ff_256x240.png │ │ │ ├── ui-icons_454545_256x240.png │ │ │ ├── ui-icons_888888_256x240.png │ │ │ ├── ui-icons_cd0a0a_256x240.png │ │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ │ ├── sortable.css │ │ │ ├── draggable.css │ │ │ ├── autocomplete.css │ │ │ ├── selectable.css │ │ │ ├── tooltip.css │ │ │ ├── progressbar.css │ │ │ └── accordion.css │ ├── 01-spinner-with-amd.html │ └── 02-todo-with-amd.html ├── js │ ├── 02-app.js │ ├── 01-app.js │ └── build.js ├── 01-spinner-with-amd.html ├── index.html └── 02-todo-with-amd.html ├── chapter-11 ├── json │ └── airports.gz ├── built │ ├── js │ │ ├── build.js │ │ └── jquery-ui │ │ │ ├── effect-fade.js │ │ │ └── i18n │ │ │ ├── datepicker-ko.js │ │ │ ├── datepicker-ja.js │ │ │ ├── datepicker-zh-CN.js │ │ │ ├── datepicker-zh-HK.js │ │ │ ├── datepicker-zh-TW.js │ │ │ ├── datepicker-fa.js │ │ │ ├── datepicker-he.js │ │ │ ├── datepicker-tj.js │ │ │ ├── datepicker-tr.js │ │ │ ├── datepicker-az.js │ │ │ ├── datepicker-cs.js │ │ │ ├── datepicker-sr.js │ │ │ ├── datepicker-bs.js │ │ │ ├── datepicker-ca.js │ │ │ ├── datepicker-es.js │ │ │ ├── datepicker-gl.js │ │ │ ├── datepicker-hi.js │ │ │ ├── datepicker-km.js │ │ │ ├── datepicker-mk.js │ │ │ ├── datepicker-ms.js │ │ │ ├── datepicker-nl.js │ │ │ ├── datepicker-sq.js │ │ │ ├── datepicker-da.js │ │ │ ├── datepicker-hu.js │ │ │ ├── datepicker-id.js │ │ │ ├── datepicker-ky.js │ │ │ ├── datepicker-nb.js │ │ │ ├── datepicker-nn.js │ │ │ ├── datepicker-no.js │ │ │ ├── datepicker-sv.js │ │ │ ├── datepicker-de.js │ │ │ ├── datepicker-eo.js │ │ │ ├── datepicker-kk.js │ │ │ ├── datepicker-lb.js │ │ │ ├── datepicker-af.js │ │ │ ├── datepicker-ar.js │ │ │ ├── datepicker-hr.js │ │ │ ├── datepicker-ru.js │ │ │ ├── datepicker-uk.js │ │ │ ├── datepicker-en-AU.js │ │ │ ├── datepicker-en-GB.js │ │ │ ├── datepicker-en-NZ.js │ │ │ └── datepicker-it.js │ ├── json │ │ └── airports.gz │ └── css │ │ └── jquery-ui │ │ ├── images │ │ ├── animated-overlay.gif │ │ ├── ui-icons_222222_256x240.png │ │ ├── ui-icons_2e83ff_256x240.png │ │ ├── ui-icons_454545_256x240.png │ │ ├── ui-icons_888888_256x240.png │ │ ├── ui-icons_cd0a0a_256x240.png │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ ├── sortable.css │ │ ├── draggable.css │ │ ├── autocomplete.css │ │ ├── selectable.css │ │ ├── tooltip.css │ │ ├── progressbar.css │ │ └── accordion.css ├── css │ └── jquery-ui │ │ ├── images │ │ ├── animated-overlay.gif │ │ ├── ui-icons_222222_256x240.png │ │ ├── ui-icons_2e83ff_256x240.png │ │ ├── ui-icons_454545_256x240.png │ │ ├── ui-icons_888888_256x240.png │ │ ├── ui-icons_cd0a0a_256x240.png │ │ ├── ui-bg_flat_0_aaaaaa_40x100.png │ │ ├── ui-bg_flat_75_ffffff_40x100.png │ │ ├── ui-bg_glass_55_fbf9ee_1x400.png │ │ ├── ui-bg_glass_65_ffffff_1x400.png │ │ ├── ui-bg_glass_75_dadada_1x400.png │ │ ├── ui-bg_glass_75_e6e6e6_1x400.png │ │ ├── ui-bg_glass_95_fef1ec_1x400.png │ │ └── ui-bg_highlight-soft_75_cccccc_1x100.png │ │ ├── draggable.css │ │ ├── sortable.css │ │ ├── all.css │ │ ├── autocomplete.css │ │ ├── selectable.css │ │ ├── tooltip.css │ │ └── progressbar.css └── js │ └── build.js ├── chapter-09 └── select2 │ ├── select2.png │ └── select2x2.png ├── chapter-12 ├── jquery-mobile │ └── images │ │ ├── ajax-loader.gif │ │ ├── icons-png │ │ ├── back-black.png │ │ ├── back-white.png │ │ ├── bars-black.png │ │ ├── bars-white.png │ │ ├── edit-black.png │ │ ├── edit-white.png │ │ ├── eye-black.png │ │ ├── eye-white.png │ │ ├── gear-black.png │ │ ├── gear-white.png │ │ ├── grid-black.png │ │ ├── grid-white.png │ │ ├── home-black.png │ │ ├── home-white.png │ │ ├── info-black.png │ │ ├── info-white.png │ │ ├── lock-black.png │ │ ├── lock-white.png │ │ ├── mail-black.png │ │ ├── mail-white.png │ │ ├── plus-black.png │ │ ├── plus-white.png │ │ ├── shop-black.png │ │ ├── shop-white.png │ │ ├── star-black.png │ │ ├── star-white.png │ │ ├── tag-black.png │ │ ├── tag-white.png │ │ ├── user-black.png │ │ ├── user-white.png │ │ ├── action-black.png │ │ ├── action-white.png │ │ ├── alert-black.png │ │ ├── alert-white.png │ │ ├── audio-black.png │ │ ├── audio-white.png │ │ ├── camera-black.png │ │ ├── camera-white.png │ │ ├── check-black.png │ │ ├── check-white.png │ │ ├── clock-black.png │ │ ├── clock-white.png │ │ ├── cloud-black.png │ │ ├── cloud-white.png │ │ ├── delete-black.png │ │ ├── delete-white.png │ │ ├── heart-black.png │ │ ├── heart-white.png │ │ ├── minus-black.png │ │ ├── minus-white.png │ │ ├── phone-black.png │ │ ├── phone-white.png │ │ ├── power-black.png │ │ ├── power-white.png │ │ ├── search-black.png │ │ ├── search-white.png │ │ ├── video-black.png │ │ ├── video-white.png │ │ ├── arrow-d-black.png │ │ ├── arrow-d-l-black.png │ │ ├── arrow-d-l-white.png │ │ ├── arrow-d-r-black.png │ │ ├── arrow-d-r-white.png │ │ ├── arrow-d-white.png │ │ ├── arrow-l-black.png │ │ ├── arrow-l-white.png │ │ ├── arrow-r-black.png │ │ ├── arrow-r-white.png │ │ ├── arrow-u-black.png │ │ ├── arrow-u-l-black.png │ │ ├── arrow-u-l-white.png │ │ ├── arrow-u-r-black.png │ │ ├── arrow-u-r-white.png │ │ ├── arrow-u-white.png │ │ ├── bullets-black.png │ │ ├── bullets-white.png │ │ ├── calendar-black.png │ │ ├── calendar-white.png │ │ ├── carat-d-black.png │ │ ├── carat-d-white.png │ │ ├── carat-l-black.png │ │ ├── carat-l-white.png │ │ ├── carat-r-black.png │ │ ├── carat-r-white.png │ │ ├── carat-u-black.png │ │ ├── carat-u-white.png │ │ ├── comment-black.png │ │ ├── comment-white.png │ │ ├── forbidden-black.png │ │ ├── forbidden-white.png │ │ ├── forward-black.png │ │ ├── forward-white.png │ │ ├── location-black.png │ │ ├── location-white.png │ │ ├── recycle-black.png │ │ ├── recycle-white.png │ │ ├── refresh-black.png │ │ ├── refresh-white.png │ │ ├── navigation-black.png │ │ └── navigation-white.png │ │ └── icons-svg │ │ ├── minus-black.svg │ │ ├── navigation-black.svg │ │ ├── mail-black.svg │ │ ├── minus-white.svg │ │ ├── navigation-white.svg │ │ ├── star-black.svg │ │ ├── back-black.svg │ │ ├── check-black.svg │ │ ├── forward-black.svg │ │ ├── mail-white.svg │ │ ├── carat-d-black.svg │ │ ├── carat-l-black.svg │ │ ├── carat-r-black.svg │ │ ├── carat-u-black.svg │ │ ├── action-black.svg │ │ ├── back-white.svg │ │ ├── check-white.svg │ │ ├── star-white.svg │ │ ├── forward-white.svg │ │ ├── action-white.svg │ │ ├── carat-d-white.svg │ │ ├── carat-l-white.svg │ │ ├── carat-r-white.svg │ │ ├── carat-u-white.svg │ │ ├── heart-black.svg │ │ ├── video-black.svg │ │ ├── heart-white.svg │ │ ├── video-white.svg │ │ ├── location-black.svg │ │ ├── location-white.svg │ │ ├── alert-black.svg │ │ ├── eye-black.svg │ │ ├── alert-white.svg │ │ ├── lock-black.svg │ │ └── eye-white.svg ├── child.html ├── 05-default-element-initialization.html ├── 04-key-codes.html ├── 09-jquery-mobile.html └── 06-todo-default-element.html ├── chapter-08 ├── todo.css ├── index.html └── 03-final-todo-widget.html ├── appendix-c └── index.html ├── chapter-01 ├── index.html └── 01-building-a-datepicker.html ├── chapter-03 ├── no-php-error.js ├── 18-html5-pickers.html ├── 15-spinner-widget.html ├── 08-button-with-icon.html ├── 16-spinner-min-max-step.html ├── 01-autocomplete-local-data.html ├── 12-datepicker-no-weekends.html ├── 03-insurance-company-autocomplete.html ├── 09-selectmenu-widget.html ├── 02-autocomplete-label-value.html └── 07-language-buttonset.html ├── chapter-04 ├── 11-tooltip-widget.html ├── 09-slider-widget.html ├── 12-delegated-tooltips.html ├── 13-custom-tooltip-content.html ├── 02-accordion-collapsible.html ├── 05-tabs-widget.html └── 07-menu-widget.html ├── chapter-02 ├── 01-simple-dialog.html ├── 02-red-dialog.html ├── 08-create-event.html ├── 05-dialog-chainable.html ├── 03-dialog-with-options.html ├── 11-event-parameters.html ├── 14-extension-points.html ├── 06-option-setter.html ├── 13-dialog-with-coordinates.html ├── 04-dialog-position.html └── 10-counting-dialogs.html ├── appendix-d └── index.html ├── chapter-05 ├── 07-sortable-basic.html ├── 01-red-draggable.html ├── 10-resizable-basic.html └── 02-draggable-axis.html ├── chapter-06 ├── 13-big-explosion.html ├── 10-multiple-class-names.html ├── 07-grow-div-addClass.html ├── 02-explode-box.html └── 01-shake-box.html └── appendix-f ├── 02-number-input.html ├── 01-date-input.html └── index.html /css/demos.css: -------------------------------------------------------------------------------- 1 | li { 2 | margin: 0.3rem; 3 | font-size: 1.5rem; 4 | } -------------------------------------------------------------------------------- /chapter-10/css/app.css: -------------------------------------------------------------------------------- 1 | @import "jquery-ui/core.css"; 2 | @import "jquery-ui/theme.css"; 3 | @import "jquery-ui/spinner.css"; -------------------------------------------------------------------------------- /chapter-11/json/airports.gz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/chapter-11/json/airports.gz -------------------------------------------------------------------------------- /chapter-09/select2/select2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/chapter-09/select2/select2.png -------------------------------------------------------------------------------- /css/images/animated-overlay.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/animated-overlay.gif -------------------------------------------------------------------------------- /chapter-09/select2/select2x2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/chapter-09/select2/select2x2.png -------------------------------------------------------------------------------- /chapter-10/built/js/build.js: -------------------------------------------------------------------------------- 1 | ({appDir:"../",baseUrl:"js",dir:"../built",optimizeCss:"standard",modules:[{name:"01-app"},{name:"02-app"}]}); -------------------------------------------------------------------------------- /chapter-11/built/js/build.js: -------------------------------------------------------------------------------- 1 | ({appDir:"../",baseUrl:"js",dir:"../built",optimizeCss:"standard",modules:[{name:"app",include:["almond"]}]}); -------------------------------------------------------------------------------- /chapter-11/built/json/airports.gz: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/chapter-11/built/json/airports.gz -------------------------------------------------------------------------------- /css/images/ui-icons_222222_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-icons_222222_256x240.png -------------------------------------------------------------------------------- /css/images/ui-icons_2e83ff_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-icons_2e83ff_256x240.png -------------------------------------------------------------------------------- /css/images/ui-icons_454545_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-icons_454545_256x240.png -------------------------------------------------------------------------------- /css/images/ui-icons_888888_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-icons_888888_256x240.png -------------------------------------------------------------------------------- /css/images/ui-icons_cd0a0a_256x240.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-icons_cd0a0a_256x240.png -------------------------------------------------------------------------------- /css/images/ui-bg_flat_0_aaaaaa_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_flat_0_aaaaaa_40x100.png -------------------------------------------------------------------------------- /css/images/ui-bg_flat_75_ffffff_40x100.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_flat_75_ffffff_40x100.png -------------------------------------------------------------------------------- /css/images/ui-bg_glass_55_fbf9ee_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_glass_55_fbf9ee_1x400.png -------------------------------------------------------------------------------- /css/images/ui-bg_glass_65_ffffff_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_glass_65_ffffff_1x400.png -------------------------------------------------------------------------------- /css/images/ui-bg_glass_75_dadada_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_glass_75_dadada_1x400.png -------------------------------------------------------------------------------- /css/images/ui-bg_glass_75_e6e6e6_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_glass_75_e6e6e6_1x400.png -------------------------------------------------------------------------------- /css/images/ui-bg_glass_95_fef1ec_1x400.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/css/images/ui-bg_glass_95_fef1ec_1x400.png -------------------------------------------------------------------------------- /chapter-12/jquery-mobile/images/ajax-loader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tjvantoll/jquery-ui-in-action-demos/HEAD/chapter-12/jquery-mobile/images/ajax-loader.gif -------------------------------------------------------------------------------- /chapter-10/js/02-app.js: -------------------------------------------------------------------------------- 1 | require([ "todo" ], function( todo ) { 2 | todo( {}, "