CuuDuongThanCong.com https://fb.com/tailieudientucntt jQuery UI 1.8 The User Interface Library for jQuery Build highly interactive web applications with ready-to-use widgets from the jQuery User Interface Library Dan Wellman BIRMINGHAM - MUMBAI CuuDuongThanCong.com https://fb.com/tailieudientucntt jQuery UI 1.8 The User Interface Library for jQuery Copyright © 2011 Packt Publishing All rights reserved No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews Every effort has been made in the preparation of this book to ensure the accuracy of the information presented However, the information contained in this book is sold without warranty, either express or implied Neither the author, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals However, Packt Publishing cannot guarantee the accuracy of this information First published: August 2011 Production Reference: 1120811 Published by Packt Publishing Ltd Livery Place 35 Livery Street Birmingham B3 2PB, UK ISBN 978-1-849516-52-5 www.packtpub.com Cover Image by Karl Swedberg (karl@englishrules.com) CuuDuongThanCong.com https://fb.com/tailieudientucntt Credits Author Dan Wellman Reviewers Proofreader Aaron Nash Indexers Vijay Joshi Tejal Daruwale Jake Kronika Hemangini Bari Acquisition Editor Sarah Cullington Development Editor Hithesh Uchil Graphics Nilesh Mohite Production Coordinators Aparna Bhagat Nilesh Mohite Technical Editors Lubna Shaikh Merwine Machado Cover Work Aparna Bhagat Nilesh Mohite Project Coordinator Michelle Quadros CuuDuongThanCong.com https://fb.com/tailieudientucntt About the Author Dan Wellman is an author and web developer based on the South Coast of the UK By day he works alongside some of the most talented people he has had the pleasure of calling colleagues, for a small, yet accomplished digital agency called Design Haus By night he writes books and tutorials on a range of front-end topics He is hopelessly addicted to jQuery His life is enriched by his four wonderful children, a beautiful wife, and a close circle of family and friends This is his sixth book Thanks to everyone who was involved in the book, the editorial team at Packt, the reviewers, and the hugely talented team responsible for jQuery UI Props to my friends Steev Bishop, Andrew Herman, Dan Goodall, Aaron Matheson, James Zabiela, Jon Adams, Eamon O'Donoghue, and Dan Isles CuuDuongThanCong.com https://fb.com/tailieudientucntt About the Reviewers Vijay Joshi is a programmer with over six years of experience on various platforms He discovered his passion for open source four years back when he started playing with PHP on a hobby project after completing his Masters in Computer Applications Vijay is now a freelance web developer, independent consultant for a few selected companies, and a blogger at http://vijayjoshi.org He specializes in developing custom web applications, mashups, creating apps using PHP frameworks, and enhancing existing web apps using PHP and front-end libraries like jQuery, jQUI, and so on Vijay is also the author of PHP jQuery Cookbook and a technical reviewer of PHP AJAX Cookbook both of which have been published by Packt Outside of work, he enjoys reading, trekking, and sometimes gets obsessed with fitness CuuDuongThanCong.com https://fb.com/tailieudientucntt Jake Kronika is a web designer and developer with over fifteen years of experience, and brings to this book a strong background in front-end development with JavaScript and jQuery, as well as significant training in server-side languages and frameworks Having earned a Bachelors of Science degree in Computer Science from Illinois Wesleyan University in 2005, with a minor in Business Administration, he went on to become Senior User Interface (UI) Specialist for Imaginary Landscape, LLC, a small web development firm in the Ravenswood neighborhood on the north side of Chicago In this role, the foundations of his strengths in Cascading Style Sheets (CSS) and JavaScript (JS) were honed and finely tuned From there, Jake went on to work for the Sun-Times News Group, owner of the Chicago Sun-Times and numerous suburban newspapers in Chicagoland It was in this role that he was initially exposed and rapidly gained expert skills with the jQuery framework for JS Following intermediate positions as Technology Consultant with Objective Arts, Inc, and as UI Prototyper for JP Morgan Chase, Jake moved across the contiguous United States to Seattle, WA, where he assumed his current role of Senior UI Software Engineer with the Cobalt Group, a marketing division of ADP's Dealer Services Since 1999, he has also operated Gridline Design & Development (so named in 2009), a sole proprietorship for web design, development, and administration Jake has also reviewed Django JavaScript Integration: AJAX and jQuery, a Packt Publishing text authored by Jonathan Howard and published in January of 2011 CuuDuongThanCong.com https://fb.com/tailieudientucntt www.PacktPub.com Support files, eBooks, discount offers and more You might want to visit www.PacktPub.com for support files and downloads related to your book Did you know that Packt offers eBook versions of every book published, with PDF and ePub files available? You can upgrade to the eBook version at www.PacktPub com and as a print book customer, you are entitled to a discount on the eBook copy Get in touch with us at service@packtpub.com for more details At www.PacktPub.com, you can also read a collection of free technical articles, sign up for a range of free newsletters and receive exclusive discounts and offers on Packt books and eBooks http://PacktLib.PacktPub.com Do you need instant solutions to your IT questions? PacktLib is Packt's online digital book library Here, you can access, read and search across Packt's entire library of books. Why Subscribe? • Fully searchable across every book published by Packt • Copy and paste, print and bookmark content • On demand and accessible via web browser Free Access for Packt account holders If you have an account with Packt at www.PacktPub.com, you can use this to access PacktLib today and view nine entirely free books Simply use your login credentials for immediate access CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt For my wonderful mother Sue CuuDuongThanCong.com https://fb.com/tailieudientucntt configuration options, progressbar widget disabled 195 value 195 configuration options, tab events add 72 disable 72 enable 72 load 72 remove 72 select 72 show 72 connected callbacks, sortables component 340, 342 connected option 345 connectToSortable option 245, 347 connectWith option 327, 335, 336, 340 containers 30-32 containment option 245, 284, 291, 327, 329 containment property 284 Content Delivery Networks See CDN core effects file about 354 jquery.effects.core.js 354 jquery.ui.core.js 354 corner radius 30 create event 101, 125, 216, 226, 337 create option 295 CSS component framework files 29 css directory 12 css folder 16, 25 CSS framework css folder 25 required files, linking 30 themes folder 26 theme switching 38 CSS framework classes about 31 containers 30-32 corner radius 30 icons 34, 35 image positioning 30 images 30 interaction cues 30-37 interactions 33, 34 interaction states 30 overlays 30 states 30 CSS framework, files jquery.ui.accordion.css 26 jquery.ui.all.css 26, 27 jquery.ui.base.css 26, 27 jquery.ui.core.css 26, 27 jquery.ui.datepicker.css 26 jquery.ui.dialog.css 26 jquery.ui.progressbar.css 26 jquery.ui.resizable.css 26 jquery.ui.slider.css 26 jquery.ui.tabs.css 26 jquery.ui.theme.css 26, 29 CSS inspectors 41 cursorAt option 245, 248, 327 cursor option 245, 247, 327, 330 custom binding events, tab widget about 74 tabsadd 74 tabsdisable 74 tabsenable 74 tabsload 74 tabsremove 74 tabsselect 74 tabsshow 74 custom events, progressbar widget change 197 complete 196 create 196 custom theme applying, to tabs 66, 67 D data retrieving, from dialog 128, 129 datepicker widget about 159 AJAX datepicker 187 alternative animations, configuring 171, 172 configurable options 162 date picking methods 185 date, selecting programmatically 185, 186 default datepicker, creating 160, 161 [ 391 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt displaying, in dialog 186 utility methods 184 date picking methods about 185 dialog 185 getDate 185 hide 185 isDisabled 185 refresh 185 setDate 185 show 185 deactivate event 337 deactivate option 265 default active header modifying 96, 97 default datepicker 160, 161 default implementation, for sortables component 324-326 delay() method 297 delay option 224, 245, 248, 284, 306, 327, 331 demos folder 12 destroy function 53 destroy method 20, 127, 219, 297 development-bundle directory about 12 demos folder 12 docs folder 12 external folder 12, 13 themes folder 12 ui folder 12 development environment, jQuery UI library setting up 11 dialogClass option 117 dialogClass property 117 dialog options autoOpen 117, 118 buttons 117, 121 closeOnEscape 117 closeText 117 dialogClass 117 disabled 117 draggable 117 height 117, 123 hide 117, 122 maxHeight 117 maxWidth 117 minHeight 117 minWidth 117 modal 117-120 position 117 resizable 117 show 117, 122 stack 117, 124 title 118 width 118, 123 zIndex 118, 123, 124 dialog widget about 113, 114 animations, enabling 122 basic dialog, creating 114-116 buttons, adding 121 callbacks 125, 126 data, retrieving from 128, 129 dependencies 115 dialog title 118, 119 dimensions, configuring 123 displaying 118 events 124, 125 generating 114-116 interoperability feature 129-131 methods 127 modality feature 119, 120 stacking feature 123, 124 toggling feature 127, 128 dialog widget, events about 124 beforeclose 125 close 125 create 125 drag 125 dragStart 125 dragStop 125 focus 125 open 125 resize 125 resizeStart 125 resizeStop 125 dialog widget, methods close 127 destroy 127 disable 127 [ 392 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt enable 127 isOpen 127 moveToTop 127 open 127 option 127 widget 127 dimensions configuring, for dialog widget 123 direction option 361, 363, 367, 373, 376, 381 disabled option 117, 212, 224, 245, 261, 284, 306, 327 disabled property 95 disable function 54 disable method 20, 127, 297 distance option 245, 248, 284, 306, 327, 330, 361, 363, 373, 376 docs folder 12 DOM explorers 41 dot-luv 38 downloading jQuery UI library 8-10 drag and drop game 274-278 drag event 125, 256 draggability 242 draggable class 242 draggable option 117 draggables component about 241, 242 configuration options, using 247, 248 configuring 261-264 drag, constraining 252, 254 dragged elements, resetting 248, 249 drag implementation 243, 244 event callbacks 256 example 274-278 files, requisites 244 helper elements 250-252 methods 258 options 244-246 properties 256 snapping 254, 255 draggables component, events drag 256 start 256 stop 256 draggables component, options about 244 addClasses 245 appendTo 245 axis 245 cancel 245 connectToSortable 245 containment 245 cursor 245 cursorAt 245 delay 245 disabled 245 distance 245 grid 245 handle 245, 249, 250 helper 245 iframeFix 246 opacity 246 refreshPositions 246 revert 246 revertDuration 246 scope 246 scroll 246 scrollSensitivity 246 scrollSpeed 246 snap 246 snapMode 246 snapTolerance 246 stack 246 zIndex 246 draggables component, properties absolutePosition 256 helper 256 position 256 dragged elements resetting 248, 249 dragging 242 drag implementation 243, 244 dragStart event 125 dragStop event 125 dropCallback function 273 drop effect about 373, 374 configuration options 373 drop effect, options direction 373 [ 393 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt distance 373 easing 373 mode 373 dropOnEmpty option 327 drop option 265 droppable class 242 droppables component about 241, 259, 260 configuration options 261 drop tolerance 264 event callbacks 265-268 example 274-278 greedy option 271, 273 methods 274 scope configuration option 268-271 droppables component, events activate 265 deactivate 265 drop 265 out 266 over 266 droppables component, options about 261 accept 261 activeClass 261 addClasses 261 disabled 261 greedy 261 hoverClass 261 scope 261 tolerance 261 dropping 242 drop tolerance 264 dynamic image-based dialog creating 132-137 E each() method 320 easing option 373, 376, 379, 381 effect arguments 360 effect() method 367 enable method 20, 21, 54, 127, 219, 297 event API, slider widget about 147 change 147 slide 147 start 147 stop 147 event property 95 explosion effect 368, 369 expression option 345 external folder about 12, 13 bgiframe plugin 13 cookie plugin 13 metadata plugin 13 simulate plugin 13 unit testing suite qunit 13 extract command 11 F fadeIn() method 202, 297 fadeOut() method 148 Filament Group, Inc 13 fillSpace property 95, 98, 99 filter option 306, 308 fit mode 264 focus event 125, 226 fold effect 384 for attribute 219 forceHelperSize option 327 forcePlaceholderSize option 327, 332 from option 367 function positioning with 47, 48 G getAsBinary() method 204 getDate method 175 getPlaces function 339 getter mode 21 ghost elements about 288 resizing 289, 290 ghost option 284 Google's CDN URL 10 GPL license 19 greedy option 261, 271, 273 grid option 245, 248, 284, 327 [ 394 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt H handle option 245, 249, 250, 327, 331 handles option 285 header activation, accordion widget 107 header property 95 height option 117, 123 helper elements, draggable components 250-252 helperMaker function 333 helperMaker() function 252 helper option 245, 285, 327, 333 helper property 256 hide() method 365, 367 hide option 117, 122 highlight effect 358-360 hoverClass option 261-264 href attribute 211 I icons 34, 35 icons option 212, 213 icons property 95 iframeFix option 246 image positioning 30 images 30 index file 12 interaction cues 30, 35-37 interactions 33, 34 interaction states 30 isOpen method 127, 128 items option 328, 334 J jquery.effect.core.js file 358 jquery.effects.core.js file 354, 357 jquery.effects.highlight.js file 361 jQuery UI about 7, accordion widget 89 browser support 17 datepicker widget 159 draggables component 242 droppable component 259, 260 progressbar widget 193 resizable component 281 selectables component 301, 302 sortables component 324-326 ThemeRoller 13, 15 UI tabs widget 61 jQuery UI 1.7 about 25 CSS framework 25 jquery.ui.accordion.css file 26 jquery.ui.all.css file 26, 27 jquery.ui.base.css file 26, 27 jquery.ui.core.css file 26, 27 jquery ui.core.js file 244, 260, 283, 303, 325, 354 jquery.ui.datepicker.css file 26 jquery.ui.dialog.css file 26 jquery ui.draggable.js 261 jquery.ui.draggable.js file 244 jquery ui.droppable.js 261 jQuery UI library book examples 18 component categories 16, 17 development environment, setting up 11 downloading 8-10 higher-level widgets 17 licensing 18, 19 low-level interaction helpers 16 structure 12 jquery ui.mouse.js file 303 jquery.ui.mouse.js file 244, 261, 283, 325 jquery.ui.progressbar.css file 26 jquery.ui.resizable.css file 26 jquery.ui.resizable.js file 283 jquery ui.selectable.js file 303 jquery.ui.slider.css file 26 jquery.ui.sortable.js file 325 jQuery UI tabs about 62 adding 77 clicks, simulating 78 custom theme, applying 66, 67 disabling 76 enabling 76 removing 77 [ 395 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt jquery.ui.tabs.css file 26 jquery.ui.theme.css file 26, 29 jquery ui.widget.js file 303 jquery ui.widget.js file 283 jquery.ui.widget.js file 244, 260, 325 jquery-x.x.x.js file 244, 260, 283, 303, 325 js directory 12 K keydown event 96 key option 345 L label option 212 left option 248 link button creating 211 local data sources working with 221, 222 localization, datepicker widget about 177 options 177 localization options, datepicker widget closeText 177 currentText 177 dateFormat 177 dayNames 177 dayNamesMin 177 dayNamesShort 178 firstDay 178 isRTL 178 monthNames 178 monthNamesShort 178 nextText 178 prevText 178 showMonthAfterYear 178 yearSuffix 178 M Math.round() function 297 maxHeight option 117, 285 maxWidth option 117, 285 Microsoft's CDN URL 10 minHeight option 117, 285 minLength option 224, 225 minWidth option 117, 285 MIT license 19 modal option 117, 120 mode option 373, 376, 381 mousedown event 346 mouseover event 96 mouseup event 346 moveToTop method 127 multiple handles using 145 multiple selectables working with 311, 312 multiSelect() function 319 my option 42 N navigationFilter property 95 navigation property 104, 105 O offset option 42 of option 42 onChangeMonthYear event 181 onClose event 181 onprogress event 204 onSelect event 181 opacity option 246, 252, 328, 331 open event 125, 226 open method 127, 128 option method 20, 21, 127, 219, 297 origin option 367 out event 337 outlineColor attribute 356 out option 266 over event 337 overlays 30 over option 266 P parseInt() function 107 percent option 367 placeholder 332 [ 396 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt placeholder option 328, 332 placeholders 29 plugin method 20, 116 position option 117, 224 position property 256 position utility about 42 collision detection system 45-47 using 43-45 progressbar widget configuration options 195 custom events 196 default progressbar implementation 194, 195 event API 196 file, uploading 203-207 methods 198 rich uploads 203-205 user initiated progress 199-202 puff effect 370, 371 pulsate effect 371, 372 Q QUnit URL 13 R radio buttonsets 219 range element 146, 147 receive event 337, 340 refresh method 220, 312, 343 refreshPositions method 343 refreshPositions option 246 remote data sources working with 229 remote tab reloading 84 remove event 337 resizable component additional handle images, adding 286, 287 animations 292 aspect ratio, handling 291 basic implementation 282, 283 callback options 295, 296 files 283 ghost elements, resizing 288-290 methods 297 options 284, 285 resize handles, configuring 285 simultaneous resizing feature 293 size limit, defining 287 tabs 298, 299 unwanted resizes, preventing 294, 295 resizable component, callback options create 295 resize 295 start 295 stop 295 resizable component, options alsoResize 284, 293 animate 284, 292, 293 animateDuration 284, 292, 293 animateEasing 284, 292, 293 aspectRatio 284, 291 autoHide 284 cancel 284 containment 284, 291 delay 284 disabled 284 distance 284 ghost 284 grid 284 handles 285 helper 285 maxHeight 285 maxWidth 285 minHeight 285 minWidth 285 resizable option 117 resize event 125 resize method 106 resize option 295 resizeStart event 125 resizeStop event 125 revertDuration option 246, 249 revert option 246, 328, 331 S Safari 281 scale effect about 365, 366 [ 397 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt configuration options 367 scale effect, options direction 367 from 367 origin 367 percent 367 scope option 246, 261, 268, 270, 271 scroll option 246, 254, 328 scrollSensitivity option 246, 328 scrollSpeed option 246 scrolSpeed option 328 search event 226 search method 228 selectable image viewer about 315, 316 styling 317-320 selectables component about 301 basic implementation 301-304 callbacks options 308-311 configuration options 306 library files 303 methods 313 multiple selectables 311, 312 refreshing feature 313, 314 refresh method 313 selectable image viewer 315-320 selectables, filtering 306, 307 selectee class names 304, 305 selection, cancelling 308 selectables component, callbacks options selected 308, 310 selecting 308 start 308, 310 stop 309, 310 unselected 309, 310 unselecting 309 selectables component, methods Refresh 313 selectables component, options autoRefresh 306 cancel 306 delay 306 disabled 306 distance 306 filter 306 tolerance 306 selected option 308, 310 selectee class names 304, 305 select event 22, 226, 228 selecting option 308, 311 serialize method 343, 345 serializing feature 343, 344 setter mode 21 shake effect about 362 configuration options 363 shake effect, options direction 363 distance 363 times 363 show option 117, 122 singleSelect() function 319 slide effect about 375-380 configuration options 376 slide effect, options direction 376 distance 376 easing 376, 379 mode 376 slider methods about 149 value 149 values 149 slider steps 144 slider's value setting 145 slider widget about 139 color slider 154-157 configurable options 142 custom styling 141, 142 event API 147 implementing 140, 141 practical uses 151, 153 smoothness theme 10, 14, 38 snapMode option 246, 255 snap option 246 snapTolerance option 246 sortable() method 335, 336 sortables component about 323 compatibility feature 345, 346 [ 398 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt configuration options 326-331 connected callbacks 340, 342 connected lists 335, 336 default implementation 324-326 draggables, adding 347-351 events 337-340 helpers 333 library files 325 methods 342, 343 serializing feature 343, 344 sortable items 334 sortables component, events activate 337 beforeStop 337-340 change 337, 338 create 337 deactivate 337 out 337 over 337 receive 337, 340 remove 337 sort 337 start 337 stop 337, 338, 344 update 337, 338 sortables component, methods cancel 343 refresh 343 refreshPositions 343 serialize 343 toArray 343 sortables component, options appendTo 326 axis 326, 329 cancel 326 connectWith 327, 335, 336 containment 327, 329 cursor 327, 330 cursorAt 327 delay 327, 331 disabled 327 distance 327, 330 dropOnEmpty 327 forceHelperSize 327 forcePlaceholderSize 327, 332 grid 327 handle 327, 331 helper 327, 333 items 328, 334 opacity 328, 331 placeholder 328, 332 revert 328, 331 scroll 328 scrollSensitivity 328 scrolSpeed 328 tolerance 328 zIndex 328 sort event 337 source option 222, 224, 229, 230 specified elements highlighting 358, 359 stacking feature 123, 124 stack option 117, 124, 246 start event 256, 337 start option 295, 308, 310 states 30 steps option 248 stop event 256, 337, 338, 344 stop option 258, 295, 309, 310 structure, jQuery UI library about 12 css directory 12 development-bundle directory 12 index file 12 js directory 12 switchClass method 357 T tab carousel creating 79, 80 tab CSS framework classes 64, 65 tab methods abort 75 add 75 destroy 75 disable 75 enable 75 enabling or disabling 76 length 75 load 75 option 75 remove 75 rotate 75 [ 399 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt select 75 url 75 using 75 widget 75 tabs() method 320 tabs() widget method 64 text option 212 ThemeRoller about 13, 38, 93, 120 features 15 history 13 using 38 themes overriding 38-40 switching between 37 themes folder 12, 26 times option 361, 363 title option 118 toArray method 343 toggle() method 381 tolerance option 261, 264, 306, 328 to option 365 touch mode 265 transfer effect about 363, 364 configuration options 365 transfer effect, options className 365 to 365 trigger event modifying 96 type attribute 211 U ui-corner-all class 201 ui.draggable option 268 UI effects arguments 360 blind 381 bounce 361, 362 clip 382, 383 drop 373, 374 explosion 368, 369 fold 384 highlight 358, 359 puff 370, 371 pulsate 371, 372 scale 365-367 shake 362, 363 slide 375-380 transfer 363-365 ui folder 12 ui-helper-clearfix class 201 ui.helper option 268 ui.offset option 268 ui.position option 268 ui-selected class 304 ui-selecting class 307 UI tabs widget about 61 basic tab implementation 62 clicks, simulating 78 configurable options 68 custom binding events 74 data obtained via JSONP, displaying 84, 86 events 72, 73 events, binding to 74 getting option 81, 82 remote tab, reloading 84 remote tab url, changing 83 setting option 81, 82 tab carousel, creating 79, 80 tab methods, using 75 tabs, adding 77 tabs, enabling/disabling 76 tabs, removing 77 unselected option 309, 310 unselecting option 309, 311 unzip command 11 updateDate function 186 update event 337, 338 url, remote tab changing 83 user initiated progress, progressbar widget 199-203 using option 42, 47 utility methods, datepicker widget about 184 formatDate 184 [ 400 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt iso8601Week 184 noWeekends 184 parseDate 184 regional 184 setDefaults 184 V value method 149, 150 values method 149, 150 vertical slider creating 143 W widget factory 48 widget method 20, 127, 219 widget style sheet 57 width option 118, 123 Y Yellow Fade Technique See YFT YFT 358 Z zIndex option 118, 123, 124, 246, 328 WebKit browsers 281 widget creating 49, 50 using 57 [ 401 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt CuuDuongThanCong.com https://fb.com/tailieudientucntt Thank you for buying jQuery UI 1.8 The User Interface Library for jQuery About Packt Publishing Packt, pronounced 'packed', published its first book "Mastering phpMyAdmin for Effective MySQL Management" in April 2004 and subsequently continued to specialize in publishing highly focused books on specific technologies and solutions Our books and publications share the experiences of your fellow IT professionals in adapting and customizing today's systems, applications, and frameworks Our solution based books give you the knowledge and power to customize the software and technologies you're using to get the job done Packt books are more specific and less general than the IT books you have seen in the past Our unique business model allows us to bring you more focused information, giving you more of what you need to know, and less of what you don't Packt is a modern, yet unique publishing company, which focuses on producing quality, cutting-edge books for communities of developers, administrators, and newbies alike For more information, please visit our website: www.packtpub.com About Packt Open Source In 2010, Packt launched two new brands, Packt Open Source and Packt Enterprise, in order to continue its focus on specialization This book is part of the Packt Open Source brand, home to books published on software built around Open Source licences, and offering information to anybody from advanced developers to budding web designers The Open Source brand also runs Packt's Open Source Royalty Scheme, by which Packt gives a royalty to each Open Source project about whose software a book is sold Writing for Packt We welcome all inquiries from people who are interested in authoring Book proposals should be sent to author@packtpub.com If your book idea is still at an early stage and you would like to discuss it first before writing a formal book proposal, contact us; one of our commissioning editors will get in touch with you We're not just looking for published authors; if you have strong technical skills but no writing experience, our experienced editors can help you develop a writing career, or simply get some additional reward for your expertise CuuDuongThanCong.com https://fb.com/tailieudientucntt jQuery UI 1.7: The User Interface Library for jQuery ISBN: 978-1-847199-72-0 Paperback: 392 pages Build highly interactive web applications with readyto-use widgets from the jQuery User Interface library Organize your interfaces with reusable widgets: accordions, date pickers, dialogs, sliders, tabs, and more Enhance the interactivity of your pages by making elements drag-and-droppable, sortable, selectable, and resizable Packed with examples and clear explanations of how to easily design elegant and powerful front-end interfaces for your web applications jQuery 1.4 Animation Techniques: Beginners Guide ISBN: 978-1-84951-330-2 Paperback: 344 pages Quickly master all of jQuery's animation methods and build a toolkit of ready-to-use animations using jQuery 1.4 Create both simple and complex animations using clear, step-by-step instructions, accompanied with screenshots Walk through each of jQuery's built-in animation methods and see in detail how each one can be used Over 50 detailed examples of different types of web page animations Attractive pictures and screenshots that show animations in progress and how the examples should finally appear Please check www.PacktPub.com for information on our titles CuuDuongThanCong.com https://fb.com/tailieudientucntt jQuery 1.3 with PHP ISBN: 978-1-847196-98-9 Paperback: 248 pages Enhance your PHP applications by increasing their responsiveness through jQuery and its plugins Combine client-side jQuery with your server-side PHP to make your applications more efficient and exciting for the client Learn about some of the most popular jQuery plugins and methods Create powerful and responsive user interfaces for your PHP applications Complete examples of PHP and jQuery with clear explanations jQuery UI Themes Beginner's Guide ISBN: 978-1-84951-044-8 Paperback: 268 pages Create new themes for your JQuery site with this step-by-step guide Learn the details of the jQuery UI theme framework by example No prior knowledge of jQuery UI or theming frameworks is necessary The CSS structure is explained in an easy-to-understand and approachable way Numerous examples, no unnecessary long explanations, lots of screenshots and diagrams Please check www.PacktPub.com for information on our titles CuuDuongThanCong.com https://fb.com/tailieudientucntt ... http://sixrevisions.com/ css/css-tips/css-tip-1-resetting-yourstyles-with-css-reset/ [ 27 ] CuuDuongThanCong.com https://fb.com/tailieudientucntt The CSS Framework and Other Utilities Class Use ui-helper-clearfix:after... to insert new content) to automatically clear the float .ui-helper-clearfix * html ui-helper-clearfix ui-helper-clearfix The ui-helper-clearfix styles are applied to the container itself, and... containers—one is the ui-widgetheading container and the other is the ui-widget-content container We also give these elements variants of the corner-rounding classes—ui-corner-top and ui-corner-bottom respectively