jQuery Recipes

455 Pages·2010·5.54 MB·English

CYAN YELLOW
MAGENTA BLACK
PANTONE 123 C
BOOKS FOR PROFESSIONALS BY PROFESSIONALS® THE EXPERT’S VOICE® IN WEB DEVELOPMENT
More Free Ebook:
www.latestebook.com
Companion
jQuery Recipes: eBook Available
A Problem-Solution Approach
j
Q
Dear Reader,
The jQuery framework is fantastically powerful and elegant, but it still has
enough thorny edges to snag unwary users. jQuery Recipes is chock full of solu- u
tions to those thorny problems, over a hundred of them, ranging from the com-
jQuery
mon to the more obscure. We cover areas such as:
B.M. Harwani
e
Author of • Handling keyboard and mouse events
• Form validation techniques
Foundation Joomla
• Applying animation effects r
• Manipulating the DOM
• Advanced table handling y
• Working with JSON and XML data
For each problem, we carefully define what the issue is first, and then pro-

vide the code solution along with any required HTML and CSS to get the exam-
R Recipes
ple working. Where there are numerous permutations to the problem, we’ll run
through a set of solutions to keep you fully armed for all eventualities. The code
is then carefully explained so that you understand the core details of the solution
e
and can apply them to your own code any time you come across a similar issue.
Along with using the book as a reference to dip into for answers, you can also
use it for increasing your knowledge of jQuery. By reading through the solutions c
and trying out the fully illustrated and explained sample code, you will gain a bet-
ter understanding of the inner workings of the jQuery framework and how it can
i
be used to make your websites more dynamic and sticky.
A Problem-Solution Approach
p
B.M. Harwani
e
THE APRESS ROADMAP
s
Companion eBook
jQuery Recipes Pro JavaScript Techniques An expert compilation of solutions
Beginning
JavaScript to real-world jQuery problems
Practical JavaScript Projects Pro JavaScript RIA Techniques

See last page for details
on $10 eBook version
B.M. Harwani
SOURCE CODE ONLINE
www.apress.com
ISBN 978-1-4302-2709-0
54499 Harwani
US $44.99
Shelve in:
Web Development
User level:
Intermediate 9 781430 227090
More Free Ebook:
www.latestebook.com
www.it-ebooks.info
this print for content only—size & color not accurate trim = 7.5" x 9.25" spine = 0.000" 000 page count
CYAN YELLOW
MAGENTA BLACK
PANTONE 123 C
BOOKS FOR PROFESSIONALS BY PROFESSIONALS® THE EXPERT’S VOICE® IN WEB DEVELOPMENT
More Free Ebook:
www.latestebook.com
Companion
jQuery Recipes: eBook Available
A Problem-Solution Approach
j
Q
Dear Reader,
The jQuery framework is fantastically powerful and elegant, but it still has
enough thorny edges to snag unwary users. jQuery Recipes is chock full of solu- u
tions to those thorny problems, over a hundred of them, ranging from the com-
jQuery
mon to the more obscure. We cover areas such as:
B.M. Harwani
e
Author of • Handling keyboard and mouse events
• Form validation techniques
Foundation Joomla
• Applying animation effects r
• Manipulating the DOM
• Advanced table handling y
• Working with JSON and XML data
For each problem, we carefully define what the issue is first, and then pro-

vide the code solution along with any required HTML and CSS to get the exam-
R Recipes
ple working. Where there are numerous permutations to the problem, we’ll run
through a set of solutions to keep you fully armed for all eventualities. The code
is then carefully explained so that you understand the core details of the solution
e
and can apply them to your own code any time you come across a similar issue.
Along with using the book as a reference to dip into for answers, you can also
use it for increasing your knowledge of jQuery. By reading through the solutions c
and trying out the fully illustrated and explained sample code, you will gain a bet-
ter understanding of the inner workings of the jQuery framework and how it can
i
be used to make your websites more dynamic and sticky.
A Problem-Solution Approach
p
B.M. Harwani
e
THE APRESS ROADMAP
s
Companion eBook
jQuery Recipes Pro JavaScript Techniques An expert compilation of solutions
Beginning
JavaScript to real-world jQuery problems
Practical JavaScript Projects Pro JavaScript RIA Techniques

See last page for details
on $10 eBook version
B.M. Harwani
SOURCE CODE ONLINE
www.apress.com
ISBN 978-1-4302-2709-0
54499 Harwani
US $44.99
Shelve in:
Web Development
User level:
Intermediate 9 781430 227090
More Free Ebook:
www.latestebook.com
www.it-ebooks.info
this print for content only—size & color not accurate trim = 7.5" x 9.25" spine = 0.000" 000 page count
More Free Ebook:
www.latestebook.com

jQuery Recipes

■ ■ ■
B.M. Harwani

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com
jQuery Recipes
Copyright © 2010 by B.M. Harwani
All rights reserved. No part of this work may be reproduced or transmitted in any form or by
any means, electronic or mechanical, including photocopying, recording, or by any
information storage or retrieval system, without the prior written permission of the copyright
owner and the publisher.
ISBN-13 (pbk): 978-1-4302-2709-0
ISBN-13 (electronic): 978-1-4302-2710-6
Printed and bound in the United States of America 9 8 7 6 5 4 3 2 1
Trademarked names may appear in this book. Rather than use a trademark symbol with every
occurrence of a trademarked name, we use the names only in an editorial fashion and to the
benefit of the trademark owner, with no intention of infringement of the trademark.
President and Publisher: Paul Manning
Lead Editor: Steve Anglin
Developmental Editor: Matthew Moodie
Technical Reviewer: Massimo Nardone
Editorial Board: Clay Andres, Steve Anglin, Mark Beckner, Ewan Buckingham, Gary
Cornell, Jonathan Gennick, Jonathan Hassell, Michelle Lowman, Matthew Moodie,
Duncan Parkes, Jeffrey Pepper, Frank Pohlmann, Douglas Pundick, Ben Renow-Clarke,
Dominic Shakeshaft, Matt Wade, Tom Welsh
Coordinating Editor: Kelly Moritz
Copy Editor: Candace English
Production Support: Patrick Cunningham
Indexer:
Artist: April Milne
Cover Designer: Anna Ishchenko
Distributed to the book trade worldwide by Springer-Verlag New York, Inc., 233 Spring Street,
6th Floor, New York, NY 10013. Phone 1-800-SPRINGER, fax [phone], e-mail orders-
[email protected], or visit http://www.springeronline.com.
For information on translations, please e-mail [email protected], or visit
http://www.apress.com.
Apress and friends of ED books may be purchased in bulk for academic, corporate, or
promotional use. eBook versions and licenses are also available for most titles. For more
information, reference our Special Bulk Sales–eBook Licensing web page at
http://www.apress.com/info/bulksales.
The information in this book is distributed on an “as is” basis, without warranty. Although
every precaution has been taken in the preparation of this work, neither the author(s) nor
Apress shall have any liability to any person or entity with respect to any loss or damage
caused or alleged to be caused directly or indirectly by the information contained in this work.
More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com
To my mother Mrs. Nita Harwani. My mother is next to God for me. Whatever I am today is just because
of the Moral values taught by her

To Dennis Ritchie and Ken Thompson - the creators of UNIX. I appreciate Ken Thompson’s work with B
programming language and have been fond of programming in Ritchie’s invention: ‘C’ programming
language since I was doing Engineering. I am a great admirer of the security features of Unix and used
to love making shell scripts on UNIX operating sytem during my study days. Their achievments are the
inspiration for the millions of programmers around the world.

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com

Contents at a Glance
About the Author................................................................................................ xxviii
About the Technical Reviewer ............................................................................. xxix
Acknowledgments ................................................................................................ xxx
Introduction ......................................................................................................... xxxi

■ Chapter 1: jQuery Basics .......................................................................................1
■ Chapter 2: Arrays and Strings .............................................................................17
■ Chapter 3: Event Handling ...................................................................................45
■ Chapter 4: Form Validation ................................................................................107
■ Chapter 5: Page Navigation ...............................................................................167
■ Chapter 6: Visual Effects ...................................................................................199
■ Chapter 7: Dealing with Tables ..........................................................................253
■ Chapter 8: Ajax ..................................................................................................291
■ Chapter 9: Using Plugins ...................................................................................327
■ Chapter 10: Using CSS .......................................................................................357

Index .....................................................................................................................409
iv

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com

Contents
About the Author................................................................................................ xxviii
About the Technical Reviewer ............................................................................. xxix
Acknowledgments ................................................................................................ xxx
Introduction ......................................................................................................... xxxi

■ Chapter 1: jQuery Basics .......................................................................................1
1-1. Installing jQuery....................................................................................................... 1
Problem ................................................................................................................................................. 1
Solution ................................................................................................................................................. 2
How It Works ......................................................................................................................................... 2
1-2. Selecting Nodes in the DOM .................................................................................... 2
Problem ................................................................................................................................................. 2
Solution ................................................................................................................................................. 2
How It Works ......................................................................................................................................... 3
1-3. Delaying the Execution of JavaScript ...................................................................... 3
Problem ................................................................................................................................................. 3
Solution ................................................................................................................................................. 3
How It Works ......................................................................................................................................... 3
1-4. Applying CSS to Elements ....................................................................................... 4
Problem ................................................................................................................................................. 4
Solution ................................................................................................................................................. 4
How It Works ......................................................................................................................................... 4
v

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com
■ CONTENTS
1-5. Selecting a Non-Standard Series of HTML Elements .............................................. 4
Problem ................................................................................................................................................. 4
Solution ................................................................................................................................................. 4
How It Works ......................................................................................................................................... 5
1-6. Counting the Number of Nodes in the DOM and Displaying Their Text ................... 5
Problem ................................................................................................................................................. 5
Solution ................................................................................................................................................. 5
How It Works ......................................................................................................................................... 6
1-7. Obtaining the HTML of an Element .......................................................................... 8
Problem ................................................................................................................................................. 8
Solution ................................................................................................................................................. 8
How It Works ......................................................................................................................................... 8
1-8. Changing the Content of a DOM Node ..................................................................... 9
Problem ................................................................................................................................................. 9
Solution ................................................................................................................................................. 9
How It Works ....................................................................................................................................... 10
1-9. Creating a DOM Node on the Fly ........................................................................... 11
Problem ............................................................................................................................................... 11
Solution ............................................................................................................................................... 12
How It Works ....................................................................................................................................... 13
1-10. Assigning the Same Class Name to Different HTML
Elements and Applying Styles to Them ........................................................................ 14
Problem ............................................................................................................................................... 14
Solution ............................................................................................................................................... 15
How It Works ....................................................................................................................................... 16
Summary ...................................................................................................................... 16

vi

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com
■ CONTENTS
■ Chapter 2: Arrays and Strings .............................................................................17
2-1. Displaying Names in a List Using Arrays ............................................................... 17
Problem ............................................................................................................................................... 17
Solution ............................................................................................................................................... 18
How It Works ....................................................................................................................................... 19
2-2. Manipulating Array Elements ................................................................................ 21
Problem ............................................................................................................................................... 21
Solution ............................................................................................................................................... 21
How It Works ....................................................................................................................................... 23
2-3. Filtering Arrays to Show Desired Data Only .......................................................... 24
Problem ............................................................................................................................................... 24
Solution ............................................................................................................................................... 24
How It Works ....................................................................................................................................... 25
2-4. Sorting String and Numerical Arrays ..................................................................... 30
Problem ............................................................................................................................................... 30
Solution ............................................................................................................................................... 30
How It Works ....................................................................................................................................... 31
2-5. Splitting an Array ................................................................................................... 33
Problem ............................................................................................................................................... 33
Solution ............................................................................................................................................... 33
How It Works ....................................................................................................................................... 34
2-6. Combining Two Arrays .......................................................................................... 35
Problem ............................................................................................................................................... 35
Solution ............................................................................................................................................... 35
How It Works ....................................................................................................................................... 36

vii

More Free Ebook:
www.latestebook.com
www.it-ebooks.info
More Free Ebook:
www.latestebook.com
■ CONTENTS
2-7. Converting a Numerical Array into a String and Finding Its Substring .................. 37
Problem ............................................................................................................................................... 37
Solution ............................................................................................................................................... 37
How It Works ....................................................................................................................................... 37
2-8. Creating an Array of Objects ................................................................................. 38
Problem ............................................................................................................................................... 38
Solution ............................................................................................................................................... 38
How It Works ....................................................................................................................................... 39
2-9. Sorting an Array of Objects ................................................................................... 40
Problem ............................................................................................................................................... 40
Solution ............................................................................................................................................... 41
How It Works ....................................................................................................................................... 42
Summary ...................................................................................................................... 43
■ Chapter 3: Event Handling ...................................................................................45
3-1. Finding Out Which Button Is Clicked ..................................................................... 46
Problem ............................................................................................................................................... 46
Solution ............................................................................................................................................... 46
How It Works ....................................................................................................................................... 48
3-2. Triggering Events Automatically ........................................................................... 50
Problem ............................................................................................................................................... 50
Solution ............................................................................................................................................... 51
How It Works ....................................................................................................................................... 51
trigger() ................................................................................................................................................ 52
3-3. Disabling a Button After It Is Clicked Once ............................................................ 52
Problem ............................................................................................................................................... 52
Solution ............................................................................................................................................... 53
How It Works ....................................................................................................................................... 53

viii

More Free Ebook:
www.latestebook.com
www.it-ebooks.info