JavaScript & jQuery The Missing Manual, 3rd Edition

David Sa wy er McF arland , president of Sa wy er McFarland Media, Inc., has spent nearly 20 y ears building and managing websit es. Having serv ed as webmas ter at UC Berkele y , he\u2019s also taught at the UC Berk eley Gradua te School of Journalism and the Portland State Univ ersity multimedia progr am. David liv es in Portland and has written bestselling Missing Manual titles on Adobe Dream wea v er and CSS Ans w ers f ound her e! Ja vaScr ip t lets y ou supe rc har ge y our w eb pages wi th anim at ion, in t eracti vity , and vi sual e \ue01fects , but lear ning t he langu age is n\u2019 t easy . Th is ful ly upda t ed and ex panded gui de tak es y ou ste p- b y- ste p thr ough Ja v aScri pt bas ics, then sho w s you ho w to sa v e ti me and e\ue01fo r t wi th jQuery\u2014 the li brary of pr e wri tten Ja v aScri pt c ode\u2014and the ne w est inno v at ions fr om th e jQuer y UI plug-i n. The important stu\ue01f y ou need to kno w n Make your pag es come alive. Use jQ uer y to c reat e interactiv e elements that respond to visi tor input. n Get acqu ainte d with jQ uer y U I. Expand your i nt erface wi th tabbed p anels, dialog box es , dat e pick ers , and other widgets. n Dis play good form s . Get inf ormation from v isit ors , help shoppers buy goo ds, and let members post t heir t houghts. n Go beyond th e browser with A jax . Comm unic ate with th e web server t o updat e y our pages w ithou t rel oading. n Put your n ew skills rig ht to work. Creat e a simple applicat ion step-by -step, usi ng jQ uery a nd jQuer y U I widgets. n Dive into advan ced concepts . Use Theme Roller t o customiz e your w idgets; av oid common errors that ne w programmers often mak e. missingmanuals.c om twitter: @missingmanuals facebook. com/MissingManuals McF arland 3rd Edition \u201c The Mi ssing M an ual se ries is si mply t he mos t intellige nt an d usa ble se ries of gui deb ooks \u2026\u201d \u2014 KE VI N KE LL Y , CO - FOU N DE R OF WIRE D Da vid Sa wy er McFarland Ja v aScript & jQuery 3r d Editi on Cove r s jQuery UI Ja v aSc r ipt & jQ uer y W eb Authoring and Design ISBN: 978-1-491-94707-4 US $49.99 CAN $52.99 David Sa wy er McF arland , president of Sa wy er McFarland Media, Inc., has spent nearly 20 y ears building and managing websit es. Having serv ed as webmas ter at UC Berkele y , he\u2019s also taught at the UC Berk eley Gradua te School of Journalism and the Portland State Univ ersity multimedia progr am. David liv es in Portland and has written bestselling Missing Manual titles on Adobe Dream wea v er and CSS Ans w ers f ound her e! Ja vaScr ip t lets y ou supe rc har ge y our w eb pages wi th anim at ion, in t eracti vity , and vi sual e \ue01fects , but lear ning t he langu age is n\u2019 t easy . Th is ful ly upda t ed and ex panded gui de tak es y ou ste p- b y- ste p thr ough Ja v aScri pt bas ics, then sho w s you ho w to sa v e ti me and e\ue01fo r t wi th jQuery\u2014 the li brary of pr e wri tten Ja v aScri pt c ode\u2014and the ne w est inno v at ions fr om th e jQuer y UI plug-i n. The important stu\ue01f y ou need to kno w n Make your pag es come alive. Use jQ uer y to c reat e interactiv e elements that respond to visi tor input. n Get acqu ainte d with jQ uer y U I. Expand your i nt erface wi th tabbed p anels, dialog box es , dat e pick ers , and other widgets. n Dis play good form s . Get inf ormation from v isit ors , help shoppers buy goo ds, and let members post t heir t houghts. n Go beyond th e browser with A jax . Comm unic ate with th e web server t o updat e y our pages w ithou t rel oading. n Put your n ew skills rig ht to work. Creat e a simple applicat ion step-by -step, usi ng jQ uery a nd jQuer y U I widgets. n Dive into advan ced concepts . Use Theme Roller t o customiz e your w idgets; av oid common errors that ne w programmers often mak e. missingmanuals.c om twitter: @missingmanuals facebook. com/MissingManuals McF arland 3rd Edition \u201c The Mi ssing M an ual se ries is si mply t he mos t intellige nt an d usa ble se ries of gui deb ooks \u2026\u201d \u2014 KE VI N KE LL Y , CO - FOU N DE R OF WIRE D Da vid Sa wy er McFarland Ja v aScript & jQuery 3r d Editi on Cove r s jQuery UI Ja v aSc r ipt & jQ uer y W eb Authoring and Design ISBN: 978-1-491-94707-4 US $49.99 CAN $52.99 Ja v aScript & jQuery Da vid Saw y er McF arland Beijing | Cambridge | F arnham | Köln | Sebastopol | T okyo The book that should hav e been in the box® Jav aScript & jQu ery: Th e Missing M anua l by Da vid Sa wyer McF arland Cop yright © 2014 Saw yer McF arland Media, Inc. All rights reserv ed. Printed in the Unit ed States of America. Published by O\u2019R eilly Media, Inc., 1005 Gra v enstein Highw ay North, Sebas topol, CA 954 72. O\u2019Reilly books ma y be purchased for educational, busines s, or sales promotional use. Online editions are also a vailable f or most titles ( http:/ / safaribooksonline.c om ). For more inf ormation, contact our c orporat e/institutional sales department: (800) 998- 9938 or corpor ate@or eilly .com . July 2008: First Edition. October 2011: Second Edition. September 2014: Thir d Edition. Re vision History for the T hird Edition: 2014-09- 10 First r elease See http:/ / oreilly .com/ catalog/ errata.csp ?isbn=9 78149194 70 7 4 for r elease details. The Missing Manual is a r egister ed trademark of O\u2019R eilly Media, Inc. The Missing Manual logo, and \u201cThe book tha t should hav e been in the bo x\u201d are tr ademarks of O\u2019Reilly Media, Inc. Many of the designa tions used by manufactur ers and sellers to distinguish their pr oducts are claimed as tr ademarks. Where those designa tions appear in this book, and O\u2019Reilly Media is a war e of a trademark claim, the designations are capitaliz ed. While e very pr ecaution has been taken in the pr epara tion of this book, the publisher assumes no r esponsibility for errors or omis sions, or for damages resulting fr om the use of the information c ontained in it. ISBN- 13: 978- 1-491-947 07 -4 [LSI] III C ont ents The Missing Credits ........................................ ix Introduction .............................................. xiii What I s JavaS cript? ............................................... xiii What I s jQ uer y? ................................................... xv HTM L: T he B areb one s Struc ture .................................... xvi C SS: Ad ding St yle to Web Page s ................................... xix Sof t ware for J avaScri pt Progr amm ing ............................... x xii Abo ut Thi s Boo k ................................................. x xiii The Ver y Bas ic s .................................................. xx vi Abo ut the O nlin e Reso urces ....................................... xxvii Pa r t O n e: Get ting Star ted with Jav aScript CHAPTER 1: Writing Y o ur Firs t JavaScript Prog ram ..................... 3 Intr oducing P rogramming ........................................... 4 How to Add JavaS cript to a Pa ge ..................................... 6 Y o ur First JavaScript Program ....................................... 12 Writing T ext on a Web Pag e ......................................... 14 Attaching an E xternal JavaScript File ................................ 15 T rackin g Down Error s .............................................. 18 CHAPTER 2: The G ramm ar of JavaScript ............................... 25 Sta tements ........................................................ 25 Built -In Functions .................................................. 26 T y pes of D ata ...................................................... 27 V ariables .......................................................... 29 Working with D ata T ypes a nd Variab les .............................. 33 T utorial: Usi ng Variab les to Cre ate Mes sa ges ......................... 40 T utorial: A skin g for Info rmation ...................................... 42 Ar ray s ............................................................ 44 T utorial: Writing to a Web Pag e Using A rrays ......................... 51 A Qu ick Obj ec t Les son ............................................. 55 Comm ent s ........................................................ 58 CONTENT S IV CHAPTER 3: Adding L ogic an d Contro l to Y our P rogram s .............. 61 Making Pr ograms R eact Intel ligent ly ................................. 61 T utorial: Usi ng Con dition al Statem ent s ............................... 74 Handling Repet iti ve T asks with Loops ................................ 78 Func tion s: T urn Usef ul Co de Into Reu sa ble Co mman ds ................. 85 T utorial: A Sim ple Q uiz ............................................. 94 P a r t Tw o : Getting Star ted with jQuer y CHAPTER 4 : Introducing jQuer y ...................................... 105 About JavaScript Librarie s ......................................... 105 Getting jQuer y ................................................... 107 Addin g jQ uer y to a Pag e ............................................ 1 12 Mo dif ying Web Pag es: A n Over view ................................. 113 Understanding t he Document Object Model .......................... 117 Sel ec ting Pa ge Ele ment s: Th e jQ uer y Way ........................... 119 Addin g Content to a Pa ge ......................................... 127 Setting and Readin g T ag Attributes .................................. 131 Reading, S etting, and Removing HTML Attributes .................... 137 Actin g on Ea ch Elem ent in a S ele ctio n ............................... 138 Automatic P ull Q uotes ............................................. 141 CHAPTER 5 : Action /Reac tion: M aki ng Pages Com e Alive with Events . 1 47 What A re Ev ent s? ................................................. 1 47 Usin g Ev ent s the j Qu er y Wa y ....................................... 152 T utorial: Introducing Ev ent s ........................................ 155 More j Qu er y Event Conce pts ....................................... 160 Adv anced E v ent Mana gement ...................................... 167 T utorial: A O ne- Pag e F AQ .......................................... 1 74 CHAPTER 6: Animati ons and E\ue01fects .................................. 183 jQuer y E \ue01fects .................................................... 183 T utorial: Login Slider .............................................. 188 Animations ....................................................... 191 Per for ming a n Action Af te r an E\ue01fec t Is C ompl eted ................... 194 T utorial: An imated Da shb oard ...................................... 197 jQ uer y an d C SS 3 T ransitio ns an d Anim ations ........................ 202 CHAPTER 7 : Common jQuery T asks ................................... 209 Sw apping Images ................................................ 209 T utorial: Adding Rol lov er Images ................................... 215 T utorial: Ph oto Galle r y with E\ue01fec t s. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2 20 Control ling H ow Links B eh ave ...................................... 225 Op enin g Ex terna l Link s in a N ew Window ........................... 229 CONTENT S V Creatin g New Win dows ............................................ 231 Intr oducing jQuery Plug- ins ........................................ 2 36 Bui ld a Resp ons ive Navigation B ar ................................. 241 CHAPTER 8: Enh anci ng W eb Form s ................................... 251 Understanding F orms ............................................. 251 Addin g Smar t s to Y o ur For ms ...................................... 262 T utoria l: Basic Form Enhancemen ts ................................. 26 6 Form Validati on ................................................... 273 V alidation T utorial ................................................. 28 6 Part Thr ee: Get ting Star ted with jQ uer y UI CHAPTER 9: Expanding Y our Interface ................................ 2 99 What I s jQ uer y U I? ............................................... 299 Why Use j Qu er y UI ? .............................................. 300 Using jQuer y UI ................................................... 302 Addin g Me ssa ge s with Dial og Boxes ............................... 305 Providin g Inform ation with T ooltip s ................................. 321 Addi ng T abbed Panels ............................................. 326 Savin g Spa ce with Accordions ...................................... 338 Addin g Men us to a Pag e ........................................... 3 43 CHAPTER 10: Forms Revisited .......................................... 351 Pick ing Dates wi th Style ........................................... 351 Styli sh Sel ec t Me nus ............................................. 360 Styling Buttons ................................................... 366 Imp rove Radio But tons a nd Ch eck boxes ............................. 368 Providing Hints with Autocomplete ................................. 3 70 jQ uer y U I Form W idget T utoria l .................................... 3 79 CHAPTE R 11: Custom izing t he Loo k of jQu ery U I ....................... 385 Introducing Theme Roller .......................................... 3 85 Downlo adi ng an d Using Y our N ew The me .......................... 39 0 Overri ding j Qu er y UI St yle s ........................................ 392 CHAPTER 12: jQuery UI Interactions and E\ue01fects ....................... 39 9 The Draggable Widget ............................................ 39 9 The Droppable Widget ............................................ 41 2 Drag-and-Drop T utorial ........................................... 42 0 Sor tin g Page I tems ................................................ 426 jQ uer y U I E\ue01fec t s. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 438 CONTENT S VI Part Four: A dvanced jQuer y an d Ja vaScr ipt CHAPTER 1 3: Introducing Ajax ......................................... 4 47 What I s Ajax? ..................................................... 4 47 Ajax : The B asi cs ................................................. 4 49 Ajax th e jQ uer y Way .............................................. 455 JSON ............................................................ 47 7 Intr oducing JSONP ............................................... 483 Addin g a Flickr F eed to Y our Site .................................. 484 T utorial: Add ing Flic kr Ima ges to Y our Site .......................... 488 CHAPTER 14 : Bui ldin g a T o -D o List Ap plica tion ........................ 495 An Over vi ew of the App licatio n. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .495 Add a B utton .................................................... 49 6 Add a Dia log B ox ................................................ 49 8 Adding T ask s ..................................................... 502 Mar king T ask s as Co mplete ....................................... 508 Deleting T a sks .................................................... 5 13 Going Further .................................................... 515 P a r t Five : Tips, T ric ks , and T roubleshooting CHAPTE R 15: Gett ing t he Most f rom jQ uer y ............................ 521 Usef ul jQ ue r y Tips an d Infor mation ................................. 52 1 Usin g the jQ ue ry D oc s ............................................. 526 T rave rs in g th e D O M ............................................... 531 More Fu nc tions fo r Mani pulatin g HTM L .............................. 535 CHAPTER 16: Goin g Furth er with J avaScript ........................... 541 W orking with Strings .............................................. 5 41 Finding Patterns in Strings ........................................ 546 Working with N umb er s ............................................ 562 Dates a nd Tim es .................................................. 568 Writ ing More E\ue01ecient JavaScript ................................... 575 Put ting It A ll T o geth er ............................................. 5 82 CHA PTER 17 : T roubleshooting and Debugging ......................... 587 T op JavaScript Program ming Mistakes .............................. 587 Deb ugg ing with th e Cons ole ....................................... 597 Debugging T utorial ............................................... 609 CONTENT S VII Pa r t S ix: Appendi x APPENDIX A: JavaScript Reso urces .................................... 619 Reference s ....................................................... 619 Basic JavaScript ................................................. 620 jQuer y .......................................................... 620 Advanced JavaScript .............................................. 621 CSS ............................................................. 622 Index ..................................................... 62 3

JavaScript & jQuery The Missing Manual, 3rd Edition

Fundamentos Web

UFOP

Fundamentos Web

Continue navegando

Perguntas relacionadas

What is the correct way to implement a search box that only appears for users with JavaScript enabled, without breaking the page for users without ...

Qual é a sequência correta das versões do sistema operacional Symbian? a) EPOC32 1.0 > 5.1 EPOC32, Symbian OS 6.0, Symbian OS 6.1, Symbian S60, F...

What are the contents covered in the first block of the 3rd edition of the Caderno do Futuro collection for the subject of Science in the 3rd year ...

O JavaScript foi uma grande evolução das páginas web, pois a partir da implementação dessa linguagem em páginas web denominadas DHMTL (Dynamic HTML...

Outros materiais