jQuery cookbook Description based on print version record. - Includes index. - "Solutions & examples for jQuery developers"--Cover

jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it can take years to fully realize its breadth and depth; this cookbook shortens the learning curve considerably. With these recipes, you'll learn patterns and practices from 19 leading developers who use jQuery for everything from integrating simple components into websites and applications to developing complex, high-performance user interfaces. Ideal for newcomers and JavaScript veterans alike, __jQuery Cookbook__ starts with the basics and then moves to practical use cases with tested solutions to common web development hurdles. You also get recipes on advanced topics, such as methods for applying jQuery to large projects. * Solve problems involving events, effects, dimensions, forms, themes, and user interface elements * Learn how to enhance your forms, and how to position and reposition elements on a page * Make the most of jQuery's event management system, including custom events and custom event data * Create UI elements-such as tabs, accordions, and modals-from scratch * Optimize your code to eliminate bottlenecks and ensure peak performance * Learn how to test your jQuery applications The book's contributors include: * Cody Lindley * James Padolsey * Ralph Whitbeck * Jonathan Sharp * Michael Geary and Scott González * Rebecca Murphey * Remy Sharp * Ariel Flesler * Brian Cherne * Jörn Zaefferer * Mike Hostetler * Nathan Smith * Richard D. Worth * Maggie Wachs, Scott Jehl, Todd Parker, and Patty Toland * Rob Burns Table of Contents......Page 7 Foreword......Page 13 Chapter Authors......Page 15 Tech Editors......Page 18 Who This Book Is For......Page 19 jQuery Style and Conventions......Page 20 If You Have Problems Making Examples Work......Page 21 Conventions Used in This Book......Page 22 How to Contact Us......Page 23 1.0 Introduction......Page 25 Why jQuery?......Page 26 The jQuery Philosophy......Page 27 Find some elements and do something with them......Page 28 Chaining......Page 29 The jQuery wrapper set......Page 30 How the jQuery API Is Organized......Page 31 Discussion......Page 33 Problem......Page 34 Discussion......Page 35 Solution......Page 37 Discussion......Page 38 Solution......Page 39 Solution......Page 40 Discussion......Page 41 Solution......Page 42 Solution......Page 43 Solution......Page 44 Solution......Page 45 Discussion......Page 46 Solution......Page 47 Problem......Page 48 Discussion......Page 49 Solution......Page 50 Solution......Page 51 Discussion......Page 52 Solution......Page 53 Problem......Page 54 Solution......Page 55 Discussion......Page 56 2.0 Introduction......Page 59 Discussion......Page 60 Solution......Page 61 Solution......Page 63 Discussion......Page 65 Discussion......Page 66 Problem......Page 67 Solution......Page 68 Discussion......Page 69 Discussion......Page 70 Solution......Page 71 Problem......Page 72 Discussion......Page 73 Discussion......Page 74 Solution......Page 77 Discussion......Page 78 Solution......Page 80 Solution......Page 83 Discussion......Page 85 Solution......Page 86 Solution......Page 88 Discussion......Page 90 Solution......Page 91 Discussion......Page 92 Problem......Page 93 Solution......Page 94 Discussion......Page 95 Solution......Page 96 Discussion......Page 97 Solution......Page 98 Discussion......Page 100 Solution......Page 101 Discussion......Page 102 Discussion......Page 103 Discussion......Page 104 Solution......Page 105 Problem......Page 106 Solution......Page 107 Discussion......Page 108 Solution......Page 109 Discussion......Page 110 Problem......Page 111 Problem......Page 112 Discussion......Page 113 Solution 1......Page 115 Problem......Page 116 Discussion......Page 117 Problem......Page 118 Discussion......Page 119 Problem......Page 120 Discussion......Page 121 Solution......Page 123 Discussion......Page 124 Discussion......Page 125 Problem......Page 129 Discussion......Page 130 Solution......Page 131 Discussion......Page 132 Problem......Page 133 Solution......Page 134 Discussion......Page 135 Solution......Page 136 Discussion......Page 138 Discussion......Page 139 Discussion......Page 141 Problem......Page 142 Solution......Page 143 Solution......Page 144 Problem 1......Page 145 Solution 2......Page 146 Problem......Page 147 Solution......Page 148 Discussion......Page 149 Problem......Page 150 Solution......Page 151 Solution......Page 152 Discussion......Page 153 Solution......Page 154 Discussion......Page 157 Solution......Page 159 Discussion......Page 160 Solution......Page 161 Discussion......Page 162 Solution......Page 163 Solution: Scrolling the Whole Window......Page 165 Solution: Scrolling Inside an Element......Page 166 Solution......Page 167 Solution......Page 170 Solution......Page 171 Problem......Page 172 Solution 2: Changing the href Attribute of the Stylesheet That’s Responsible for Size-Related Styling......Page 173 Discussion......Page 174 7.0 Introduction......Page 175 Effects Template......Page 176 Solution......Page 177 Both......Page 178 Discussion......Page 179 CSS......Page 180 Problem......Page 181 CSS......Page 182 Discussion......Page 183 Solution......Page 185 Manual callback......Page 186 Discussion......Page 187 Solution......Page 188 Problem......Page 189 Problem......Page 190 Discussion......Page 191 Problem......Page 192 jQuery......Page 193 Discussion......Page 194 8.0 Introduction......Page 195 Solution......Page 196 Problem......Page 197 Discussion......Page 198 How to bind with a namespace?......Page 199 How to trigger handlers with a certain namespace?......Page 200 Passing extra arguments......Page 201 Some more examples......Page 202 Solution......Page 203 Bind event handlers to an element ASAP......Page 204 Customly positioned scripts......Page 205 Simple form validation......Page 206 Killing all events......Page 207 Solution......Page 208 Problem......Page 209 Not there yet......Page 210 Problem......Page 211 Why do event handlers get lost ?......Page 212 Event delegation......Page 213 Conclusion......Page 214 Solution......Page 215 Problem......Page 216 Solution......Page 217 Making the listeners functional......Page 218 Solution......Page 219 A real-world example......Page 220 Existing uses for this feature......Page 221 How can we do this with jQuery 1.3+?......Page 222 How this was achieved before jQuery 1.3......Page 223 Allowing event handlers to prevent actions......Page 224 An example......Page 225 What happens if an element already has one of these events?......Page 227 Returning an object with methods......Page 228 Overloading the desired method......Page 229 Returning the result......Page 230 Where to go from here?......Page 231 Where did the node go?......Page 232 Binding the methods......Page 233 10.0 Introduction......Page 235 Discussion......Page 236 Solution 1......Page 237 Solution 2......Page 238 Discussion......Page 239 Solution 2......Page 240 Discussion......Page 241 Solution......Page 242 Problem......Page 243 Discussion......Page 244 Solution......Page 245 Problem......Page 246 Discussion......Page 247 Problem......Page 248 Discussion......Page 249 Problem......Page 250 Discussion......Page 251 Solution......Page 252 Problem......Page 253 Solution......Page 255 Discussion......Page 257 Basic Approach......Page 261 Solution......Page 262 Methods......Page 264 Custom methods......Page 265 Rules......Page 266 Custom expressions......Page 267 Error element......Page 268 Layout......Page 269 Limitations......Page 270 Solution......Page 271 Discussion......Page 272 Solution......Page 273 Solution......Page 274 Discussion......Page 275 Discussion......Page 277 Google Maps integration......Page 278 Solution......Page 279 Solution......Page 280 Problem......Page 281 Discussion......Page 282 Discussion......Page 283 Solution......Page 284 Localization......Page 285 Solution......Page 287 Search through GitHub......Page 288 Solution......Page 289 Know and communicate the level of support you are willing to provide......Page 290 Writing a custom jQuery method......Page 291 Solution......Page 292 Solution......Page 294 Discussion......Page 295 Solution......Page 296 Solution......Page 297 Discussion......Page 298 Solution......Page 299 Discussion......Page 300 Solution......Page 301 Discussion......Page 302 13.0 Introduction......Page 303 Problem......Page 304 Tool tip—HTML code......Page 305 Tool tip—jQuery code......Page 306 Discussion......Page 308 File tree—HTML code......Page 309 File tree—jQuery code......Page 311 Problem......Page 312 Solution......Page 313 Accordion—HTML code......Page 314 Accordion—jQuery code......Page 315 Discussion......Page 316 Tabs—HTML code......Page 317 Tabs—jQuery code......Page 319 Problem......Page 320 Modal—HTML code......Page 321 Modal—jQuery code......Page 322 Discussion......Page 325 Solution......Page 327 Drop-down—jQuery code......Page 328 Problem......Page 329 Rotator—HTML code......Page 330 Rotator—jQuery code......Page 331 Discussion......Page 333 Solution......Page 334 Panels—HTML code......Page 335 Panels—jQuery code......Page 336 Discussion......Page 337 Interactions......Page 339 How This Chapter Is Organized......Page 340 Discussion......Page 341 Discussion......Page 342 Discussion......Page 343 Solution......Page 344 Solution......Page 345 Discussion......Page 346 Solution......Page 347 Solution 1: Pass a Callback Function to the Event Name Option......Page 348 Discussion......Page 349 Solution......Page 350 Solution......Page 351 HTML5 audio......Page 352 Play and pause button......Page 353 Current and total time labels......Page 355 Slider track for song position......Page 356 Progress bar in track to show buffering......Page 357 Volume slider......Page 358 Widget background and top styling......Page 361 15.0 Introduction......Page 365 Understanding the Components of jQuery UI CSS......Page 366 Solution......Page 369 Step 1. Open ThemeRoller......Page 371 Step 2. Create and preview a theme......Page 373 Step 3. Download the jQuery UI widgets and theme......Page 378 Step 4. Merge files into your project directory......Page 380 Step 5. Reference the theme stylesheet in your project......Page 381 Discussion......Page 383 Solution......Page 384 Step 1. Review the widget markup and styles for jQuery UI plugins......Page 385 Step 2. Create an override stylesheet......Page 387 Write override rules......Page 388 Solution......Page 394 Step 1: Review available Framework classes to identify those you can apply to your components......Page 395 Step 2: Apply clickable-state Framework classes......Page 399 Solution......Page 403 Step 1. Create another theme using ThemeRoller......Page 405 Step 2. Scope the new theme and download it......Page 407 Step 3. Merge files into your project directory......Page 410 Step 4. Reference the scoped theme stylesheet in your project......Page 411 15.5 Appendix: Additional CSS Resources......Page 412 Solution......Page 415 Discussion......Page 416 Discussion......Page 418 Discussion......Page 420 Discussion......Page 424 Discussion......Page 427 Discussion......Page 428 Discussion......Page 429 Discussion......Page 430 Discussion......Page 431 Solution......Page 435 Discussion......Page 437 Solution......Page 438 Discussion......Page 439 Solution......Page 440 Solution......Page 441 Discussion......Page 443 Solution......Page 444 Discussion......Page 445 Solution......Page 446 Problem......Page 447 Discussion......Page 448 Problem......Page 449 Solution......Page 450 Problem......Page 451 same( actual, expected[, message ])......Page 452 Problem......Page 453 Discussion......Page 454 Discussion......Page 455 Discussion......Page 456 Solution......Page 457 Solution......Page 458 Discussion......Page 459 Index......Page 461

web Standards Are The Standard Technology Specifications Enforced By The World Wide Web Consortium (w3c) To Make Sure That Web Designers And Browser Manufacturers Are Using The Same Technology Syntax. It Is Important That These Implementations Are The Same Throughout The Web, Otherwise It Becomes A Messy Proprietary Place, And Lacks Consistency. These Standards Also Allow Content To Be More Compatible With Multiple Different Viewing Devices, Such As Screen Readers For People With Vision Impairments, Cell Phones, Pdfs, Etc. Html, Xml, And Css Are All Such Technologies.

This Book Is Your Essential Guide To Understanding The Advantages You Can Bring To Your Web Pages By Implementing Web Standards And Precisely How To Apply Them.

Web Standards Such As Xhtml And Css Are Now Fairly Well-known Technologies, And They Will Likely Be Familiar To You, The Web Designer Indeed, They Are All Around You On The Web. However, Within Web Standards Still Lies A Challenge While The Browser's Support For Web Standards Is Steadily Increasing, Many Web Developers And Designers Have Yet To Discover The Real Benefits Of Web Standards And Respect The Need To Adhere To Them. The Real Art Is In Truly Understanding The Benefits And Implementing The Standards Efficiently.

As A Simple Example Of Its Power, You Can Use Css To Lay Out Your Pages Instead Of Nesting Tables This Can Make File Sizes Smaller, Allowing Pages To Load Faster, Ultimately Increasing Accessibility For All Browsers, Devices, And Web Users.

* Use Xhtml Elements Correctly So That Your Markup Is Compact And More Easily Understood.
* Use Css To Style Different Elements Of A Web Page.
* Lay Out Pages Easily And Effectively.
* Compare Multiple Methods Of Achieving The Same Results To Make Better Design Choices.
* Learn About Advanced Web Design Techniques And Their Important Caveats.

Web Standards Solutions Is Broken Down Into 16 Short Chapters, Each Covering The Theory And Practice Of Different Web Standards Concept And Showing Multiple Solutions To Given Problems For Easy Learning. You Ll Learn About Multi-column Layouts, Using Image Replacement Techniques To Your Best Advantage, Making The Best Use Of Tables And Lists, And Many More.this Highly Modular Approach Allows You To Rapidly Digest, Understand, And Utilize The Essentials Of Web Standards.

*drew Mclellan, The Web Standards Project

slashdot.org

i Really Think It Does A Fantastic Job At Keeping The Reader Interested In The Subject (something That Is Often Very Hard To Do In Technical Books) And Will Definitely Be A Great Business Tool For You. A Quick Read It Is, But A Valuable Reference That Has Earned A Spot Next To My Keyboard, My 3 Bars Of Caffeinated Soap, And The Trusty Case Of Bawls.

Web standards are the standard technology specifications enforced by the World Wide Web Consortium (W3C) to make sure that web designers and browser manufacturers are using the same technology syntax. It is important that these implementations are the same throughout the Web, otherwise it becomes a messy proprietary place, and lacks consistency. These standards also allow content to be more compatible with multiple different viewing devices, such as screen readers for people with vision impairments, cell phones, PDFs, etc. HTML, XML, and CSS are all such technologies. This book is your essential guide to understanding the advantages you can bring to your web pages by implementing web standards and precisely how to apply them. Web standards such as XHTML and CSS are now fairly well-known technologies, and they will likely be familiar to you, the web designerindeed, they are all around you on the Web. However, within web standards still lies a challengewhile the browser's support for web standards is steadily increasing, many web developers and designers have yet to discover the real benefits of web standards and respect the need to adhere to them. The real art is in truly understanding the benefits and implementing the standards efficiently. As a simple example of its power, you can use CSS to lay out your pages instead of nesting tables. This can make file sizes smaller, allowing pages to load faster, ultimately increasing accessibility for all browsers, devices, and web users. Use XHTML elements correctly so that your markup is compact and more easily understood. Use CSS to style different elements of a web page. Lay out pages easily and effectively. Compare multiple methods of achieving the same results to make better design choices. Learn about advanced web design techniques and their important caveats. Web Standards Solutions is broken down into 16 short chapters, each covering the theory and practice of different web standards concept and showing multiple solutions to given problems for easy learning. You'll learn about multi-column layouts, using image replacement techniques to your best advantage, making the best use of tables and lists, and many more. This highly modular approach allows you to rapidly digest, understand, and utilize the essentials of web standards. jQuery simplifies building rich, interactive web frontends. Getting started with this JavaScript library is easy, but it can take years to fully realize its breadth and depth; this cookbook shortens the learning curve considerably. With these recipes, you'll learn patterns and practices from 19 leading developers who use jQuery for everything from integrating simple components into websites and applications to developing complex, high-performance user interfaces. Ideal for newcomers and JavaScript veterans alike, jQuery Cookbook starts with the basics and then moves to practical use cases with tested solutions to common web development hurdles. You also get recipes on advanced topics, such as methods for applying jQuery to large projects.Solve problems involving events, effects, dimensions, forms, themes, and user interface elementsLearn how to enhance your forms, and how to position and reposition elements on a pageMake the most of jQuery's event management system, including custom events and custom event dataCreate UI elements-such as tabs, accordions, and modals-from scratchOptimize your code to eliminate bottlenecks and ensure peak performanceLearn how to test your jQuery applicationsThe book's contributors include:Cody LindleyJames PadolseyRalph WhitbeckJonathan SharpMichael Geary and Scott GonzálezRebecca MurpheyRemy SharpAriel FleslerBrian CherneJörn ZaeffererMike HostetlerNathan SmithRichard D. WorthMaggie Wachs, Scott Jehl, Todd Parker, and Patty TolandRob Burns Forward Contributors Preface jQuery Basics Selecting Elements with jQuery Beyond the Basics jQuery Utilities Faster, Simpler, More Fun Dimensions Effects Events Advanced Events HTML Form Enhancements from Scratch HTML From Enhancements with Plugins jQuery Plugins Interface Components from Scratch User Interfaces with jQuery UI jQuery UI Theming jQuery, Ajax, Data Formats: HTML, XML, JSON, JSONP Using jQuery in Large Projects Unit Testing Index jQuery basics Selecting elements with jQuery Beyond the basics jQuery utilities Faster, simpler, more fun Dimensions Effects Events Advanced events HTML form enhancements from scratch HTML form enhancements with plugins JQuery plugins Interface components from scratch User interfaces with jQuery UI jQuery UI theming JQuery, Ajax, data formats: HTML, XML, JSON, JSONP Using jQuery in large projects Unit testing. With 'jQuery Cookbook' you'll learn how to add components from the jQuery library to your websites and web applications with detailed recipes for tasks ranging from basic integration to complex user interface development. You'll find real-world solutions to common web development hurdles, along with best practices for using jQuery. jQuery has emerged as the most popular Ajax framework, outpacing options such as Dojo and the Prototype JavaScript Framework. This title helps you to learn how to add components from the jQuery library to your websites and web applications, with recipes for tasks ranging from basic integration to complex user interface development.