Professional JavaScript For Web Developers

More documents

Recommendations

Info

Advanced DOM Techniques Although the basic DOM is pretty straightforward, you can manipulate a document’s underlying DOM tree in several ways. First, you can make use of several nonstandard properties and methods available in modern browsers, as well as little-known and underused DOM standard interfaces. This chapter highlights the browser features that make this possible. Some of the interfaces discussed in this chapter are defined by the DOM and some are not, but they all enhance your ability manipulate DOM documents and nodes. Scripting Styles When Cascading Style Sheets (CSS) were introduced 1996, they completely changed the way developers formatted their HTML pages. Instead of using HTML tags such as and , pages began using CSS to define the appearance of fonts and other items. The natural next step for CSS support was to make styles accessible from <strong>JavaScript</strong>. Internet Explorer 4.0 introduced a style object for each element on a page to manage that element’s CSS-defined styles. The DOM eventually adopted this approach as a standard way to access an element’s style information. Today, the style object contains a property for each CSS style, albeit with some different formatting. All one-word CSS styles are represented by a property with the same name (for example, the color style is represented by style.color); two-word styles are represented by the first word followed by the capitalized second word with no dashes (for example, the background-color style is represented as style.backgroundColor). The following table lists some popular CSS attributes and their <strong>JavaScript</strong> style object equivalents:
Page 3:
Professional JavaScript for Web De
Page 6 and 7:
Professional JavaScript for Web De
Page 8 and 9:
Vice President and Executive Group
Page 11 and 12:
Contents Acknowledgments Introducti
Page 13 and 14:
Contents Scope 88 Public, protected
Page 15 and 16:
Contents Simple Patterns 197 Metach
Page 17 and 18:
Contents Chapter 10: Advanced DOM T
Page 19 and 20:
Contents Chapter 14: Error Handling
Page 21 and 22:
Contents Chapter 18: Interacting wi
Page 23 and 24:
Introduction Although once supporte
Page 25 and 26:
Introduction 2. ECMAScript Basics T
Page 27 and 28:
Conventions Introduction To help yo
Page 29 and 30:
What Is JavaScript? When JavaScript
Page 31 and 32:
JavaScript Implementations What Is
Page 33 and 34:
ECMAScript support in Web browsers
Page 35 and 36:
What Is JavaScript? By creating a t
Page 37:
The Browser Object Model (BOM) What
Page 40 and 41:
Chapter 2 ❑ End-of-line semicolon
Page 42 and 43:
Chapter 2 ❑ ❑ Pascal Notation
Page 44 and 45:
Chapter 2 When a value is assigned
Page 46 and 47:
Chapter 2 alert(typeof oTemp); aler
Page 48 and 49:
Chapter 2 A few special values are
Page 50 and 51:
Chapter 2 Converting to a string Th
Page 52 and 53:
Chapter 2 The parseFloat() method w
Page 54 and 55:
Chapter 2 This syntax is similar to
Page 56 and 57:
Chapter 2 The toFixed() method retu
Page 58 and 59:
Chapter 2 Next up is the concat() m
Page 60 and 61:
Chapter 2 alert(oStringObject.subst
Page 62 and 63:
Chapter 2 If you place this line of
Page 64 and 65:
Chapter 2 The postfix increment and
Page 66 and 67:
Chapter 2 1 0 0 1 0 (2 4 x1) + (2 3
Page 68 and 69:
Chapter 2 var iResult = 25 & 3; ale
Page 70 and 71:
Chapter 2 Note that left shift pres
Page 72 and 73:
Chapter 2 In this example, a Boolea
Page 74 and 75:
Chapter 2 Just like logical AND, if
Page 76 and 77:
Chapter 2 Just like the multiplicat
Page 78 and 79:
Chapter 2 var bResult = “23” <
Page 80 and 81:
Chapter 2 operator to compare the s
Page 82 and 83:
Chapter 2 if (i > 25) alert(“Grea
Page 84 and 85:
Chapter 2 Labeled statements It is
Page 86 and 87:
Chapter 2 The with statement The wi
Page 88 and 89:
Chapter 2 For example: function say
Page 90 and 91:
Chapter 2 The arguments object With
Page 92 and 93:
Chapter 2 var doAdd = new Function(
Page 94 and 95:
Chapter 2 } return iNum1 + iNum2 +
Page 96 and 97:
Chapter 3 The object definition is
Page 98 and 99:
Chapter 3 Types of Objects In ECMAS
Page 100 and 101:
Chapter 3 The Array object override
Page 102 and 103:
Chapter 3 Push onto the stack top b
Page 104 and 105:
Chapter 3 They wait their turns, ev
Page 106 and 107:
Chapter 3 This line creates a new D
Page 108 and 109:
Chapter 3 Method setFullYear(year)
Page 110 and 111:
Chapter 3 This code outputs two val
Page 112 and 113:
Chapter 3 Property Error EvalError
Page 114 and 115:
Chapter 3 Here, Math.E is first rai
Page 116 and 117:
Chapter 3 Scope Programmers in any
Page 118 and 119:
Chapter 3 In this code, the functio
Page 120 and 121:
Chapter 3 Some got around this prob
Page 122 and 123:
Chapter 3 Car.prototype.color = “
Page 124 and 125:
Chapter 3 } } Car.prototype.showCol
Page 126 and 127:
Chapter 3 StringBuffer.prototype.ap
Page 128 and 129:
Chapter 3 } } } return -1; This met
Page 130 and 131:
Chapter 3 Summary ECMAScript provid
Page 132 and 133:
Chapter 4 Shape Ellipse Polygon Cir
Page 134 and 135:
Chapter 4 All new properties and me
Page 136 and 137:
Chapter 4 The apply() method The ap
Page 138 and 139:
Chapter 4 ClassB.prototype.name =
Page 140 and 141:
Chapter 4 In ECMAScript, the class
Page 142 and 143:
Chapter 4 } Rectangle.prototype = n
Page 144 and 145:
Chapter 4 the limit in an effort to
Page 146 and 147:
Chapter 4 Dynamic prototyping suppo
Page 148 and 149:
Chapter 4 } } ClassZ.prototype.sayM
Page 150 and 151:
Chapter 4 In this case, the supercl
Page 152 and 153:
Chapter 4 Rectangle.prototype.getAr
Page 154 and 155:
Chapter 5 Although originally creat
Page 156 and 157:
Chapter 5 ❑ ❑ Code Maintenance
Page 158 and 159:
Chapter 5 on the following line. Ne
Page 160 and 161:
Chapter 5 alert("A is greater
Page 162 and 163:
Chapter 5 Figure 5-2 The next tag i
Page 164 and 165:
Chapter 5 The Browser Object Model
Page 166 and 167:
Chapter 5 Frameset Example
Page 168 and 169:
Chapter 5 ❑ resizeTo(w, h) — re
Page 170 and 171:
Chapter 5 As mentioned previously,
Page 172 and 173:
Chapter 5 To determine if the user
Page 174 and 175:
Chapter 5 Books Be careful not to o
Page 176 and 177:
Chapter 5 Here, the code uses linke
Page 178 and 179:
Chapter 5 you want to track where u
Page 180 and 181:
Chapter 5 This code writes a tag t
Page 182 and 183:
Chapter 5 The method assign() accom
Page 184 and 185:
Chapter 5 Property/Method Descripti
Page 187 and 188:
DOM Basics The Document Object Mode
Page 189 and 190:
DOM Basics Today XML is one of the
Page 191 and 192:
DOM Basics The Document Object Mode
Page 193 and 194:
DOM Basics The node is considered
Page 195 and 196:
DOM Basics The W3C has also publish
Page 197 and 198:
DOM Basics Checking the node type Y
Page 199 and 200:
Accessing specific nodes You alread
Page 201 and 202:
DOM Basics To access the element w
Page 203 and 204:
DOM Basics You’re not done quite
Page 205 and 206:
DOM Basics This sample page replace
Page 207 and 208:
DOM Basics To get and set the src a
Page 209 and 210:
DOM Basics ❑ ❑ ❑ deleteCaptio
Page 211 and 212:
DOM Basics Document Element html El
Page 213 and 214:
DOM Basics var node3 = iterator.pre
Page 215 and 216:
DOM Basics Hello World! List i
Page 217 and 218:
DOM Basics var oOutput = document.g
Page 219:
DOM Basics necessarily mean that th
Page 222 and 223:
Chapter 7 This regular expression m
Page 224 and 225:
Chapter 7 var sToChange = “The sk
Page 226 and 227:
Chapter 7 This code matches the let
Page 228 and 229:
Chapter 7 Note that [a-z] matches o
Page 230 and 231:
Chapter 7 You can read this regular
Page 232 and 233:
Chapter 7 For the second regular ex
Page 234 and 235:
Chapter 7 Expressions to match lead
Page 236 and 237:
Chapter 7 In this, reRedOrBlack mat
Page 238 and 239:
Chapter 7 Lookaheads Sometimes you
Page 240 and 241:
Chapter 7 It is, in fact, easier to
Page 242 and 243:
Chapter 7 reB.exec(sToMatch); alert
Page 244 and 245:
Chapter 7 Common Patterns On the We
Page 246 and 247:
Chapter 7 The isValidDate() functio
Page 248 and 249:
Chapter 7 } } } bIsOdd = !bIsOdd; A
Page 250 and 251:
Chapter 7 Validating e-mail address
Page 253 and 254:
Browser and Operating System Detect
Page 255 and 256:
Page 257 and 258:
Page 259 and 260:
Page 261 and 262:
The important things to note in thi
Page 263 and 264:
Page 265 and 266:
Detecting Opera The simplest and be
Page 267 and 268:
Page 269 and 270:
Page 271 and 272:
Depending on which browsers you pla
Page 273 and 274:
Page 275 and 276:
Page 277 and 278:
Page 279 and 280: Browser and Operating System Detect
Page 289 and 290: All about Events JavaScript’s int
Page 291 and 292: All about Events document 3 bubblin
Page 293 and 294: All about Events Some have also cal
Page 295 and 296: Using this method of assignment, th
Page 297 and 298: All about Events var oDiv = documen
Page 299 and 300: Properties/methods Internet Explore
Page 301 and 302: All about Events Property/Method Ty
Page 303 and 304: Detecting Shift, Alt, Ctrl To detec
Page 305 and 306: Getting the target The object at th
Page 307 and 308: All about Events When the button is
Page 309 and 310: All about Events Using the mouseove
Page 311 and 312: All about Events if (oEvent.fromEle
Page 313 and 314: All about Events Event properties F
Page 315 and 316: All about Events ❑ ❑ ❑ ❑ Th
Page 317 and 318: All about Events The actual res
Page 319 and 320: All about Events window.onscroll =
Page 321 and 322: All about Events In the second part
Page 323 and 324: All about Events DOM Property/Metho
Page 325 and 326: All about Events }; } return oEvent
Page 327 and 328: All about Events oEvent.eventPhase
Page 329: All about Events } var oTextbox = d
Page 333 and 334: Advanced DOM Techniques onmouseou
Page 335 and 336: Advanced DOM Techniques The DOM sty
Page 337 and 338: Advanced DOM Techniques This page d
Page 339 and 340: Advanced DOM Techniques height: 10p
Page 341 and 342: Advanced DOM Techniques Computed
Page 343 and 344: Advanced DOM Techniques This line o
Page 345 and 346: Advanced DOM Techniques background-
Page 347 and 348: Advanced DOM Techniques ❑ ❑ ❑
Page 349 and 350: Advanced DOM Techniques Figure 10-2
Page 351 and 352: Advanced DOM Techniques The first s
Page 353 and 354: Advanced DOM Techniques extractCont
Page 355 and 356: Collapsing a DOM Range To empty a r
Page 357 and 358: Clean up When you are done using a
Page 359 and 360: Interacting with IE range content I
Page 361: How practical are ranges? Advanced
Page 364 and 365: Chapter 11 A form can contain any n
Page 366 and 367: Chapter 11 Accessing form fields Ev
Page 368 and 369: Chapter 11 }; } } } return; This me
Page 370 and 371: Chapter 11 You may be wondering why
Page 372 and 373: Chapter 11 function getLengths() {
Page 374 and 375: Chapter 11 It’s a small change,
Page 376 and 377: Chapter 11 You add extra attributes
Page 378 and 379: Chapter 11 To use this method, inse
Page 380 and 381:
Chapter 11 TextUtil.blockChars = fu
Page 382 and 383:
Chapter 11 A similar method is need
Page 384 and 385:
Chapter 11 }; } if (iMin == null ||
Page 386 and 387:
Chapter 11 It is possible, however,
Page 388 and 389:
Chapter 11 } oOption.setAttribute(
Page 390 and 391:
Chapter 11 Start with the shiftUp()
Page 392 and 393:
Chapter 11 Next, the method calls T
Page 395 and 396:
Sorting Tables In most applications
Page 397 and 398:
Sorting Tables } if (iNum1 < iNum2)
Page 399 and 400:
Sorting Tables In order to retrieve
Page 401 and 402:
Sorting Tables Fragment Figure
Page 403 and 404:
Sorting Tables The generateCompareT
Page 405 and 406:
Sorting Tables aTRs.sort(generateCo
Page 407 and 408:
Sorting Tables “string”, the re
Page 409 and 410:
Sorting Tables Smith John 7/12/197
Page 411 and 412:
Sorting Tables Spring Budget.xls
Page 413:
Sorting Tables Spring Budget.xls
Page 416 and 417:
Chapter 13 In Internet Explorer ver
Page 418 and 419:
Chapter 13 oTextbox.value += oEvent
Page 420 and 421:
Chapter 13 drag dragover drag drago
Page 422 and 423:
Chapter 13 Because it is a property
Page 424 and 425:
Chapter 13 The dropEffect property
Page 426 and 427:
Chapter 13 }; } oElement.dragDrop()
Page 428 and 429:
Chapter 13 function handleMouseMove
Page 430 and 431:
Chapter 13 Some calculations can be
Page 432 and 433:
Chapter 13 of logic to ensure that
Page 434 and 435:
Chapter 13 Creating a draggable ele
Page 436 and 437:
Chapter 13 oDraggable.addEventListe
Page 439 and 440:
Error Handling Traditionally, JavaS
Page 441 and 442:
Error Handling When this page
Page 443 and 444:
Error Handling Figure 14-4 Be aware
Page 445 and 446:
Safari (MacOS X) Error Handling Mac
Page 447 and 448:
Error Handling It is possible to ha
Page 449 and 450:
Image loading errors The window obj
Page 451 and 452:
Error Handling The major problem wi
Page 453 and 454:
Error Handling The name of the Erro
Page 455 and 456:
Error Handling throw new URIError(
Page 457 and 458:
Using the Java console In browsers
Page 459 and 460:
Throwing your own errors One of the
Page 461 and 462:
Error Handling the next JavaScript
Page 463 and 464:
Error Handling The Microsoft Script
Page 465 and 466:
Error Handling Each view consists o
Page 467 and 468:
Error Handling Each function in the
Page 469 and 470:
Error Handling running any code. Th
Page 471:
Error Handling You can also determi
Page 474 and 475:
Chapter 15 After this line is execu
Page 476 and 477:
Chapter 15 To load the file asynchr
Page 478 and 479:
Chapter 15 + oError.errorCode + “
Page 480 and 481:
Chapter 15 452 Because the XML DOM
Page 482 and 483:
Chapter 15 Because the xml property
Page 484 and 485:
Chapter 15 This code uses object/fe
Page 486 and 487:
Chapter 15 completely loaded and re
Page 488 and 489:
Chapter 15 for (var i=0; i < arrSig
Page 490 and 491:
Chapter 15 }; toString: function ()
Page 492 and 493:
Chapter 15 var oXmlDom = document.i
Page 494 and 495:
Chapter 15 Introduction to XPath 46
Page 496 and 497:
Chapter 15 The third argument, the
Page 498 and 499:
Chapter 15 Element.prototype.select
Page 500 and 501:
Chapter 15 XSLT files are called st
Page 502 and 503:
Chapter 15 You don’t need to star
Page 504 and 505:
Chapter 15 As you can see, the valu
Page 506 and 507:
Chapter 15 var oResultFragment = oP
Page 509 and 510:
Client-Server Communication Traditi
Page 511 and 512:
Cookies in JavaScript Dealing with
Page 513 and 514:
Cookies on the server JSP Of course
Page 515 and 516:
Client-Server Communication ❑ ❑
Page 517 and 518:
Client-Server Communication Feedba
Page 519 and 520:
Client-Server Communication window.
Page 521 and 522:
HTTP Requests In many modern browse
Page 523 and 524:
Client-Server Communication As in t
Page 525 and 526:
Client-Server Communication http://
Page 527 and 528:
Client-Server Communication functio
Page 529 and 530:
Client-Server Communication and set
Page 531 and 532:
Client-Server Communication functio
Page 533 and 534:
Client-Server Communication setTime
Page 535:
Summary Client-Server Communication
Page 538 and 539:
Chapter 17 The SOAP message itself
Page 540 and 541:
Chapter 17 ❑ ❑ The port name (p
Page 542 and 543:
Chapter 17 When this method is call
Page 544 and 545:
Chapter 17 function callWebService(
Page 546 and 547:
Chapter 17 Note that you cannot ass
Page 548 and 549:
Chapter 17 when there is no error,
Page 550 and 551:
Chapter 17 Using WSDL proxies As yo
Page 552 and 553:
Chapter 17 var oProxyCreateCallback
Page 554 and 555:
Chapter 17 function WebService() {
Page 556 and 557:
Chapter 17 oBuffer.append(“xmlns:
Page 558 and 559:
Chapter 17 Summary Web services are
Page 560 and 561:
Chapter 18 appropriate application
Page 562 and 563:
Chapter 18 If there is no registere
Page 564 and 565:
Chapter 18 if (navigator.mimeTyp
Page 566 and 567:
Chapter 18 Type the name of the M
Page 568 and 569:
Chapter 18 The last thing to be awa
Page 570 and 571:
Chapter 18 Plugin Version-Independe
Page 572 and 573:
Chapter 18 In this mime type, JPI i
Page 574 and 575:
Chapter 18 because it is a public m
Page 576 and 577:
Chapter 18 It would then be possibl
Page 578 and 579:
Chapter 18 Here’s an example appl
Page 580 and 581:
Chapter 18 Embedding Flash movies T
Page 582 and 583:
Chapter 18 Using SetVariable() and
Page 584 and 585:
Chapter 18 default. If you are usin
Page 586 and 587:
Chapter 18 All non-IE browsers igno
Page 588 and 589:
Chapter 18 The first step in the pr
Page 591 and 592:
Deployment Issues So the JavaScript
Page 593 and 594:
Deployment Issues window smaller th
Page 595 and 596:
Deployment Issues You may remember
Page 597 and 598:
Detecting language using JavaScript
Page 599 and 600:
Deployment Issues could be represen
Page 601 and 602:
Deployment Issues To this: “He sa
Page 603 and 604:
Remove all line breaks Deployment I
Page 605 and 606:
Deployment Issues Consider this exa
Page 607 and 608:
Be scope aware In JavaScript, scope
Page 609 and 610:
Deployment Issues function, sayFirs
Page 611 and 612:
This algorithm is fairly common bec
Page 613 and 614:
Deployment Issues do { //do somethi
Page 615 and 616:
Deployment Issues iTestValue = 0; }
Page 617 and 618:
Optimize if statements Whenever usi
Page 619 and 620:
Deployment Issues In this example,
Page 621 and 622:
Deployment Issues } oFragment.appen
Page 623:
Deployment Issues Even if someone d
Page 626 and 627:
Chapter 20 Netscape’s proposal Wh
Page 628 and 629:
Chapter 20 Here, the function named
Page 630 and 631:
Chapter 20 As you can see, the clas
Page 632 and 633:
Chapter 20 Implementations Although
Page 634 and 635:
Chapter 20 606 Jim Smith ; The d
Page 636 and 637:
Chapter 20 A Namespace object can t
Page 638 and 639:
Chapter 20 var oXmlSettings = XML.s
Page 640 and 641:
Chapter 20 ; oXml.appendChild( Ben
Page 642 and 643:
Chapter 20 Four methods are used to
Page 644 and 645:
Chapter 20 Implementations The only
Page 646 and 647:
abort event A abort event, 286 abs(
Page 648 and 649:
caching and inline code C caching a
Page 650 and 651:
createTextNode() method of document
Page 652 and 653:
drag and drop functionality (contin
Page 654 and 655:
event handler (continued) event han
Page 656 and 657:
functions (continued) functions (co
Page 658 and 659:
integer value integer value bitwise
Page 660 and 661:
LIFO (last-in-first-out) structure
Page 662 and 663:
Mozilla (continued) Mozilla (contin
Page 664 and 665:
onLoad () method of WebServiceProxy
Page 666 and 667:
properties (continued) properties (
Page 668 and 669:
Same Origin Policy Same Origin Poli
Page 670 and 671:
strings (continued) strings (contin
Page 672 and 673:
underscore (_) underscore (_) to in
Page 674:
window object (BOM) (continued) win
show all

Professional JavaScript For Web Developers

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?