├── edition1
    ├── Windows XP Service Pack 2 README.txt
    ├── ch03
    │   ├── ClassicExample.htm
    │   ├── ConstructorExample.htm
    │   ├── ConstructorPrototypeHybridExample.htm
    │   ├── DynamicPrototypeExample.htm
    │   ├── FactoryExample.htm
    │   ├── PrototypeExample.htm
    │   ├── RandomExample.htm
    │   ├── StackExample.htm
    │   ├── StaticExample.htm
    │   └── StringBufferExample.htm
    ├── ch04
    │   ├── DynamicPrototypePolygonExample.htm
    │   ├── HybridExample.htm
    │   ├── ObjectMasqueradingApplyExample.htm
    │   ├── ObjectMasqueradingCallExample.htm
    │   ├── ObjectMasqueradingExample.htm
    │   ├── PolygonExample.htm
    │   ├── PrototypeChainingExample.htm
    │   ├── xbObjects.js
    │   ├── xbObjectsExample1.htm
    │   ├── xbObjectsExample2.htm
    │   ├── zInheritExample1.htm
    │   ├── zInheritExample2.htm
    │   ├── zInheritExample3.htm
    │   └── zinherit.js
    ├── ch05
    │   ├── DocumentOpenCloseExample.htm
    │   ├── DocumentWriteExample.htm
    │   ├── Example.svg
    │   ├── FramesetExample.htm
    │   ├── LocationReplaceExample.htm
    │   ├── anotherframe.htm
    │   ├── anotherframeset.htm
    │   ├── blue.htm
    │   ├── frame.htm
    │   ├── frameset1.htm
    │   ├── red.htm
    │   └── yetanotherframe.htm
    ├── ch06
    │   ├── DocumentFragmentExample.htm
    │   ├── NodeIteratorExample1.htm
    │   ├── NodeIteratorExample2.htm
    │   ├── TreeWalkerExample1.htm
    │   ├── TreeWalkerExample2.htm
    │   ├── appendChildExample.htm
    │   ├── createElementExample.htm
    │   ├── insertBeforeExample.htm
    │   ├── removeChildExample.htm
    │   ├── removeChildExample2.htm
    │   └── replaceChildExample.htm
    ├── ch07
    │   ├── BadWordsExample.htm
    │   ├── BadWordsExample2.htm
    │   ├── DateExample.htm
    │   ├── EmailExample.htm
    │   ├── MasterCardExample.htm
    │   ├── StripHTMLExample.htm
    │   ├── TrimExample.htm
    │   └── VisaExample.htm
    ├── ch08
    │   ├── detect.js
    │   └── login.htm
    ├── ch09
    │   ├── AddRemoveEventHandlersExample.htm
    │   ├── EventPropagationExample.htm
    │   ├── EventUtilExample.htm
    │   ├── EventUtilExample.new.htm
    │   ├── KeyEventsExample.htm
    │   ├── KeyEventsExample2.htm
    │   ├── MouseEventsExample.htm
    │   ├── MouseEventsExample2.htm
    │   ├── MouseEventsExample3.htm
    │   ├── MouseEventsExample4.htm
    │   ├── OnResizeExample.htm
    │   ├── OnScrollExample.htm
    │   ├── OnScrollExample2.htm
    │   ├── OnScrollExample3.htm
    │   ├── OnScrollExample4.htm
    │   ├── OnUnloadExample.htm
    │   ├── OnloadExample.htm
    │   ├── OnloadExample2.htm
    │   ├── OnloadExample3.htm
    │   ├── OnloadExample4.htm
    │   ├── StoppingEventPropagationExample.htm
    │   ├── detect.js
    │   └── eventutil.js
    ├── ch10
    │   ├── AccessingStyleSheetsExample.htm
    │   ├── AccessingStyleSheetsExample2.htm
    │   ├── AccessingStyleSheetsExample3.htm
    │   ├── AccessingStyleSheetsExample4.htm
    │   ├── AccessingStyleSheetsExample5.htm
    │   ├── CollapsibleSectionExample.htm
    │   ├── ComputedStyleExample.htm
    │   ├── ComputedStyleExample2.htm
    │   ├── DOMRangeExample.htm
    │   ├── DOMRangeExample2.htm
    │   ├── DOMRangeExample3.htm
    │   ├── DOMRangeExample4.htm
    │   ├── DOMRangeExample5.htm
    │   ├── DOMRangeExample6.htm
    │   ├── DOMRangeExample7.htm
    │   ├── DOMRangeExample8.htm
    │   ├── DOMRangeExample9.htm
    │   ├── IERangeExample.htm
    │   ├── IERangeExample2.htm
    │   ├── IERangeExample3.htm
    │   ├── IERangeExample4.htm
    │   ├── IERangeExample5.htm
    │   ├── IERangeExample6.htm
    │   ├── InnerHTMLExample.htm
    │   ├── InnerTextExample.htm
    │   ├── InnerTextExample2.htm
    │   ├── OuterHTMLExample.htm
    │   ├── OuterTextExample.htm
    │   ├── OuterTextExample2.htm
    │   ├── SelectTextExample.htm
    │   ├── StyleExample.htm
    │   ├── StyleExample2.htm
    │   ├── StyleExample3.htm
    │   ├── StyleExample4.htm
    │   ├── StyleExample5.htm
    │   ├── StyleExample6.htm
    │   └── TooltipExample.htm
    ├── ch11
    │   ├── AllowCharsExample.htm
    │   ├── AutosuggestExample.htm
    │   ├── BlockCharsExample.htm
    │   ├── BlockPasteExample.htm
    │   ├── BlockPasteExample2.htm
    │   ├── BlockPasteExample3.htm
    │   ├── BlurVsChangeExample.htm
    │   ├── ChangingTextboxValuesExample.htm
    │   ├── FocusOnFirstExample.htm
    │   ├── ListboxAddExample.htm
    │   ├── ListboxMoveExample.htm
    │   ├── ListboxMultipleSelectionsExample.htm
    │   ├── ListboxMultipleSelectionsExample2.htm
    │   ├── ListboxRemoveExample.htm
    │   ├── ListboxSelectedIndexExample.htm
    │   ├── ListboxShiftUpDownExample.htm
    │   ├── NumericScrollExample.htm
    │   ├── NumericScrollExample2.htm
    │   ├── OnResetExample.htm
    │   ├── OnResetExample2.htm
    │   ├── OnSubmitExample.htm
    │   ├── OnSubmitExample2.htm
    │   ├── ResetExample.htm
    │   ├── RetrievingTextboxLengthsExample.htm
    │   ├── RetrievingTextboxValuesExample.htm
    │   ├── SampleForm.htm
    │   ├── SelectTextExample.htm
    │   ├── SelectTextExample2.htm
    │   ├── SelectTextExample3.htm
    │   ├── SubmitExample.htm
    │   ├── SubmitExample2.htm
    │   ├── SubmitExample3.htm
    │   ├── SubmitOnceExample.htm
    │   ├── TabForwardExample.htm
    │   ├── TextAreaMaxLengthExample.htm
    │   ├── detect.js
    │   ├── eventutil.js
    │   ├── formutil.js
    │   ├── listutil.js
    │   ├── submit.gif
    │   └── textutil.js
    ├── ch12
    │   ├── TableSortExample.htm
    │   ├── TableSortExample2.htm
    │   ├── TableSortExample3.htm
    │   ├── TableSortExample4.htm
    │   ├── TableSortExample5.htm
    │   └── images
    │   │   ├── Thumbs.db
    │   │   ├── acrobaticon.gif
    │   │   ├── excelicon.gif
    │   │   ├── notepadicon.gif
    │   │   ├── wordicon.gif
    │   │   └── zippedfoldericon.gif
    ├── ch13
    │   ├── SimulatedDragAndDropExample.htm
    │   ├── SimulatedDragAndDropExample2.htm
    │   ├── SimulatedDragAndDropExample3.htm
    │   ├── SimulatedDragAndDropExample4.htm
    │   ├── SystemDragAndDropExample.htm
    │   ├── SystemDragAndDropExample10.htm
    │   ├── SystemDragAndDropExample11.htm
    │   ├── SystemDragAndDropExample2.htm
    │   ├── SystemDragAndDropExample3.htm
    │   ├── SystemDragAndDropExample4.htm
    │   ├── SystemDragAndDropExample5.htm
    │   ├── SystemDragAndDropExample6.htm
    │   ├── SystemDragAndDropExample7.htm
    │   ├── SystemDragAndDropExample8.htm
    │   ├── SystemDragAndDropExample9.htm
    │   ├── SystemDragAndDropExampleA.htm
    │   ├── ZDragExample.htm
    │   ├── eventutil.js
    │   ├── images
    │   │   └── smiley.gif
    │   └── zdragdroplib.js
    ├── ch14
    │   ├── AssertExample.htm
    │   ├── DebugExample.htm
    │   ├── DebugExample2.htm
    │   ├── DebugExample3.htm
    │   ├── DebugExample4.htm
    │   ├── DebugExample5.htm
    │   ├── DebugExample6.htm
    │   ├── ExceptionExample.htm
    │   ├── ImageErrorExample.htm
    │   ├── ImageErrorExample2.htm
    │   ├── OnErrorExample.htm
    │   ├── OnErrorExample2.htm
    │   ├── OnErrorExample3.htm
    │   ├── OnErrorExample4.htm
    │   ├── OnErrorExample5.htm
    │   ├── ThrowExample.htm
    │   ├── ThrowExample2.htm
    │   ├── TryCatchExample.htm
    │   ├── TryCatchExample2.htm
    │   ├── TryCatchExample3.htm
    │   ├── TryCatchExample4.htm
    │   └── TryCatchExample5.htm
    ├── ch15
    │   ├── CrossBrowserXmlDomExample.htm
    │   ├── CrossBrowserXmlDomExample2.htm
    │   ├── IEXPathExample.htm
    │   ├── IEXPathExample2.htm
    │   ├── IEXmlDomExample.htm
    │   ├── IEXmlDomExample2.htm
    │   ├── IEXmlDomExample3.htm
    │   ├── IEXmlDomExample4.htm
    │   ├── IEXmlDomExample5.htm
    │   ├── IEXmlDomExample6.htm
    │   ├── IEXsltExample.htm
    │   ├── IEXsltExample2.htm
    │   ├── IEXsltExample3.htm
    │   ├── IEXsltExample4.htm
    │   ├── IEXsltExample5.htm
    │   ├── MozillaXPathExample.htm
    │   ├── MozillaXPathExample2.htm
    │   ├── MozillaXPathExample3.htm
    │   ├── MozillaXPathExample4.htm
    │   ├── MozillaXPathExample5.htm
    │   ├── MozillaXPathExample6.htm
    │   ├── MozillaXPathExample7.htm
    │   ├── MozillaXPathExample8.htm
    │   ├── MozillaXmlDomExample.htm
    │   ├── MozillaXmlDomExample2.htm
    │   ├── MozillaXmlDomExample3.htm
    │   ├── MozillaXmlDomExample4.htm
    │   ├── MozillaXmlDomExample5.htm
    │   ├── MozillaXmlDomExample6.htm
    │   ├── MozillaXsltExample.htm
    │   ├── MozillaXsltExample2.htm
    │   ├── MozillaXsltExample3.htm
    │   ├── MozillaXsltExample4.htm
    │   ├── detect.js
    │   ├── employees.xml
    │   ├── employees.xslt
    │   ├── employees2.xslt
    │   ├── employees3.xslt
    │   ├── employees4.xslt
    │   ├── errors.xml
    │   ├── test.xml
    │   └── xmldom.js
    ├── ch16
    │   ├── CookiesExample.htm
    │   ├── CookiesExample2.htm
    │   ├── CrossBrowserHttpRequestExample.htm
    │   ├── CrossBrowserHttpRequestExample2.htm
    │   ├── CrossBrowserXMLHttpRequestExample.htm
    │   ├── HiddenFrameExample.htm
    │   ├── HiddenFrameExample2.htm
    │   ├── HiddenFrameExampleBlank.htm
    │   ├── HiddenFrameExampleCom.htm
    │   ├── HiddenFrameExampleCom2.htm
    │   ├── HiddenFrameExampleMain.htm
    │   ├── IEXMLHttpRequestExample.htm
    │   ├── IEXMLHttpRequestExample2.htm
    │   ├── IEXMLHttpRequestExample3.htm
    │   ├── IEXMLHttpRequestExample4.htm
    │   ├── LiveConnectExample.htm
    │   ├── LiveConnectExample2.htm
    │   ├── example.txt
    │   ├── example.xml
    │   ├── http.js
    │   ├── reflectpost.php
    │   └── submitfeedback.php
    ├── ch17
    │   ├── CrossBrowserWebServiceExample.htm
    │   ├── IEWebServiceExample.htm
    │   ├── MozWebServiceExample.htm
    │   ├── MozWebServiceExample2.htm
    │   ├── detect.js
    │   ├── http.js
    │   ├── stringbuffer.js
    │   ├── webservice.htc
    │   └── webservice.js
    ├── ch18
    │   ├── AppletExample.htm
    │   ├── AppletExample2.htm
    │   ├── AppletExample3.htm
    │   ├── CrossBrowserFlashDetectExample.htm
    │   ├── ExampleApplet.class
    │   ├── ExampleApplet.java
    │   ├── ExampleApplet2.class
    │   ├── ExampleApplet2.java
    │   ├── ExampleApplet3.class
    │   ├── ExampleApplet3.java
    │   ├── ExampleArchive.jar
    │   ├── ExampleMovie.swf
    │   ├── ExampleMovie2.swf
    │   ├── ExampleMovie3.swf
    │   ├── ExampleMovie4.swf
    │   ├── FlashExample.htm
    │   ├── FlashExample2.htm
    │   ├── FlashExample3.htm
    │   ├── FlashExample4.htm
    │   ├── FlashExample5.htm
    │   ├── MimeTypesExample.htm
    │   ├── MimeTypesExample2.htm
    │   ├── MimeTypesExample3.htm
    │   ├── Names.txt
    │   ├── PluginsExample.htm
    │   ├── PluginsExample2.htm
    │   ├── TabularDataControlExample.htm
    │   └── listutil.js
    └── ch19
    │   ├── ScopeExample.htm
    │   └── ScopeExample2.htm
└── edition2
    ├── Ch03
        ├── AddExample1.htm
        ├── AddExample2.htm
        ├── AddExample3.htm
        ├── AssignmentOperatorsExample1.htm
        ├── BitwiseAndExample1.htm
        ├── BitwiseNotExample1.htm
        ├── BitwiseOrExample1.htm
        ├── BitwiseXorExample1.htm
        ├── BooleanExample1.htm
        ├── BooleanExample2.htm
        ├── BreakStatementExample1.htm
        ├── BreakStatementExample2.htm
        ├── ConditionalOperatorExample1.htm
        ├── ContinueStatementExample1.htm
        ├── ContinueStatementExample2.htm
        ├── DivideExample1.htm
        ├── DoWhileStatementExample1.htm
        ├── EqualityOperatorsExample1.htm
        ├── EqualityOperatorsExample2.htm
        ├── EqualityOperatorsExample3.htm
        ├── ForInStatementExample1.htm
        ├── ForStatementExample1.htm
        ├── ForStatementExample2.htm
        ├── ForStatementExample3.htm
        ├── ForStatementExample4.htm
        ├── FunctionExample1.htm
        ├── FunctionExample2.htm
        ├── FunctionExample3.htm
        ├── FunctionExample4.htm
        ├── FunctionExample5.htm
        ├── FunctionExample6.htm
        ├── FunctionExample7.htm
        ├── FunctionExample8.htm
        ├── FunctionExample9.htm
        ├── IfStatementExample1.htm
        ├── IfStatementExample2.htm
        ├── IncrementDecrementExample1.htm
        ├── IncrementDecrementExample2.htm
        ├── IncrementDecrementExample3.htm
        ├── IncrementDecrementExample4.htm
        ├── LeftShiftExample1.htm
        ├── LogicalAndExample1.htm
        ├── LogicalAndExample2.htm
        ├── LogicalNotExample1.htm
        ├── LogicalNotExample2.htm
        ├── LogicalOrExample1.htm
        ├── LogicalOrExample2.htm
        ├── ModulusExample1.htm
        ├── MultiplyExample1.htm
        ├── NullExample1.htm
        ├── NullExample2.htm
        ├── NumberExample1.htm
        ├── NumberExample2.htm
        ├── NumberExample3.htm
        ├── NumberExample4.htm
        ├── NumberExample5.htm
        ├── NumberExample6.htm
        ├── NumberExample7.htm
        ├── NumberExample8.htm
        ├── NumberExample9.htm
        ├── RelationalOperatorsExample1.htm
        ├── SignedRightShiftExample1.htm
        ├── SignedRightShiftExample2.htm
        ├── StringExample1.htm
        ├── StringExample2.htm
        ├── StringExample3.htm
        ├── SubtractExample1.htm
        ├── SwitchStatementExample1.htm
        ├── SwitchStatementExample2.htm
        ├── SwitchStatementExample3.htm
        ├── SwitchStatementExample4.htm
        ├── TypeofExample.htm
        ├── UnaryPlusMinusExample1.htm
        ├── UnaryPlusMinusExample2.htm
        ├── UndefinedExample1.htm
        ├── UndefinedExample2.htm
        ├── UndefinedExample3.htm
        ├── UndefinedExample4.htm
        ├── UnsignedRightShiftExample1.htm
        ├── UnsignedRightShiftExample2.htm
        ├── WhileStatementExample1.htm
        └── WithStatementExample1.htm
    ├── Ch04
        ├── DeterminingTypeExample1.htm
        ├── DynamicPropertiesExample1.htm
        ├── DynamicPropertiesExample2.htm
        ├── ExecutionContextExample1.htm
        ├── ExecutionContextExample2.htm
        ├── ExecutionContextExample3.htm
        ├── ExecutionContextExample4.htm
        ├── ExecutionContextExample5.htm
        ├── ExecutionContextExample6.htm
        ├── ExecutionContextExample7.htm
        ├── FunctionArgumentsExample1.htm
        └── FunctionArgumentsExample2.htm
    ├── Ch05
        ├── ArrayTypeConcatExample.htm
        ├── ArrayTypeExample.htm
        ├── ArrayTypeExample10.htm
        ├── ArrayTypeExample11.htm
        ├── ArrayTypeExample12.htm
        ├── ArrayTypeExample13.htm
        ├── ArrayTypeExample14.htm
        ├── ArrayTypeExample15.htm
        ├── ArrayTypeExample16.htm
        ├── ArrayTypeExample2.htm
        ├── ArrayTypeExample3.htm
        ├── ArrayTypeExample4.htm
        ├── ArrayTypeExample5.htm
        ├── ArrayTypeExample6.htm
        ├── ArrayTypeExample7.htm
        ├── ArrayTypeExample8.htm
        ├── ArrayTypeExample9.htm
        ├── ArrayTypeJoinExample.htm
        ├── ArrayTypeSliceExample.htm
        ├── ArrayTypeSpliceExample.htm
        ├── BooleanTypeExample.htm
        ├── DateTypeConstructorExample.htm
        ├── DateTypeExample.htm
        ├── DateTypeUTCExample.htm
        ├── DateTypeValueOfExample.htm
        ├── FunctionAsAnArgumentExample.htm
        ├── FunctionDeclarationExample.htm
        ├── FunctionInitializationExample.htm
        ├── FunctionReturningFunctionExample.htm
        ├── FunctionTypeApplyMethodExample.htm
        ├── FunctionTypeArgumentsExample.htm
        ├── FunctionTypeCallExample.htm
        ├── FunctionTypeCallMethodExample.htm
        ├── FunctionTypeExample.htm
        ├── FunctionTypeLengthPropertyExample.htm
        ├── FunctionTypeThisExample.htm
        ├── GlobalObjectURIDecodingExample.htm
        ├── GlobalObjectURIEncodingExample.htm
        ├── GlobalObjectWindowExample.htm
        ├── MathObjectMinMaxExample.htm
        ├── MathObjectRandomExample1.htm
        ├── MathObjectRandomExample2.htm
        ├── MathObjectRandomExample3.htm
        ├── MathObjectRoundingExample.htm
        ├── NumberTypeExample.htm
        ├── ObjectTypeExample1.htm
        ├── ObjectTypeExample2.htm
        ├── ObjectTypeExample3.htm
        ├── ObjectTypeExample4.htm
        ├── PrimitiveWrapperTypesExample.htm
        ├── ReferenceTypeExample1.htm
        ├── RegExpConstructorPropertiesExample.htm
        ├── RegExpConstructorPropertiesExample2.htm
        ├── RegExpConstructorPropertiesExample3.htm
        ├── RegExpExecExample.htm
        ├── RegExpExecExample2.htm
        ├── RegExpInstancePropertiesExample.htm
        ├── RegExpTestExample.htm
        ├── RegExpToStringExample.htm
        ├── StringTypeCaseMethodExample.htm
        ├── StringTypeExample.htm
        ├── StringTypeFromCharCodeExample.htm
        ├── StringTypeLocaleCompareExample.htm
        ├── StringTypeLocationMethodsExample.htm
        ├── StringTypeLocationMethodsExample2.htm
        ├── StringTypeManipulationMethodsExample.htm
        └── StringTypePatternMatchingExample.htm
    ├── Ch06
        ├── CombinationInheritanceExample.htm
        ├── ConstructorPatternExample.htm
        ├── ConstructorPatternExample2.htm
        ├── ConstructorPatternExample3.htm
        ├── ConstructorStealingExample.htm
        ├── ConstructorStealingExample2.htm
        ├── CreatingObjectsExample.htm
        ├── DynamicPrototypeExample.htm
        ├── FactoryPatternExample.htm
        ├── HybridFactoryPatternExample.htm
        ├── HybridFactoryPatternExample2.htm
        ├── HybridPatternExample.htm
        ├── ParasiticCombinationInheritanceExample.htm
        ├── PrototypalInheritanceExample.htm
        ├── PrototypeChainingExample.htm
        ├── PrototypeChainingExample2.htm
        ├── PrototypeChainingExample3.htm
        ├── PrototypeChainingExample4.htm
        ├── PrototypePatternExample.htm
        ├── PrototypePatternExample10.htm
        ├── PrototypePatternExample11.htm
        ├── PrototypePatternExample12.htm
        ├── PrototypePatternExample2.htm
        ├── PrototypePatternExample3.htm
        ├── PrototypePatternExample4.htm
        ├── PrototypePatternExample5.htm
        ├── PrototypePatternExample6.htm
        ├── PrototypePatternExample7.htm
        ├── PrototypePatternExample8.htm
        └── PrototypePatternExample9.htm
    ├── Ch07
        ├── BlockScopeExample.htm
        ├── BlockScopeExample2.htm
        ├── BlockScopeExample3.htm
        ├── ClosureExample.htm
        ├── ClosureExample2.htm
        ├── ModuleAugmentationPatternExample.htm
        ├── ModulePatternExample.htm
        ├── PrivilegedMethodExample.htm
        ├── PrivilegedMethodExample2.htm
        ├── RecursionExample1.htm
        ├── RecursionExample2.htm
        ├── ThisObjectExample.htm
        └── ThisObjectExample2.htm
    ├── Ch08
        ├── FramesetExample.htm
        ├── IntervalExample.htm
        ├── IntervalExample2.htm
        ├── LocationExample.htm
        ├── LocationExample2.htm
        ├── LocationReplaceExample.htm
        ├── PluginDetectionExample.htm
        ├── PluginDetectionExample2.htm
        ├── PluginDetectionExample3.htm
        ├── PopupBlockerExample.htm
        ├── SystemDialogExample.htm
        ├── SystemDialogExample2.htm
        ├── SystemDialogExample3.htm
        ├── TimeoutExample.htm
        ├── TimeoutExample2.htm
        ├── TimeoutExample3.htm
        ├── WindowOpenExample.htm
        ├── WindowOpenExample2.htm
        ├── WindowPositionExample.htm
        ├── WindowPositionExample2.htm
        ├── WindowSizeExample.htm
        ├── WindowSizeExample2.htm
        ├── anotherframe.htm
        ├── anotherframeset.htm
        ├── blue.htm
        ├── frame.htm
        ├── frameset1.htm
        ├── red.htm
        └── yetanotherframe.htm
    ├── Ch09
        ├── CapabilitiesDetectionExample.htm
        ├── QuirksDetectionExample.htm
        ├── UserAgentDetectionExample.htm
        └── client.js
    ├── Ch10
        ├── AttrExample.htm
        ├── CDataSectionNodeExample.htm
        ├── CommentNodeExample.htm
        ├── CompareDocumentPositionExample.htm
        ├── ContainsExample.htm
        ├── ContainsExample2.htm
        ├── CreateElementExample.htm
        ├── DocumentFragmentExample.htm
        ├── DocumentWriteExample.htm
        ├── DocumentWriteExample2.htm
        ├── DocumentWriteExample3.htm
        ├── DocumentWriteExample4.htm
        ├── DynamicScriptExample.htm
        ├── DynamicScriptExample2.htm
        ├── DynamicStyleExample.htm
        ├── DynamicStyleExample2.htm
        ├── ElementAttributesExample.htm
        ├── ElementAttributesExample2.htm
        ├── ElementAttributesExample3.htm
        ├── ElementAttributesExample4.htm
        ├── ElementChildrenExample.htm
        ├── ElementChildrenExample2.htm
        ├── GetElementByIdExample.htm
        ├── GetElementByIdExample2.htm
        ├── GetElementByIdExample3.htm
        ├── GetElementByIdExample4.htm
        ├── GetElementsByNameExample.htm
        ├── GetElementsByTagNameExample.htm
        ├── HTMLElementsExample.htm
        ├── InnerHtmlExample.htm
        ├── InnerHtmlExample2.htm
        ├── InnerHtmlExample3.htm
        ├── InnerHtmlExample4.htm
        ├── InnerTextExample.htm
        ├── InnerTextExample2.htm
        ├── InnerTextExample3.htm
        ├── InnerTextExample4.htm
        ├── InnerTextExample5.htm
        ├── OuterHTMLExample.htm
        ├── OuterTextExample.htm
        ├── OuterTextExample2.htm
        ├── TextContentExample.htm
        ├── TextContentExample2.htm
        ├── TextContentExample3.htm
        ├── TextContentExample4.htm
        ├── TextNodeExample.htm
        ├── TextNodeExample2.htm
        ├── TextNodeExample3.htm
        ├── TextNodeExample4.htm
        ├── TextNodeExample5.htm
        ├── TextNodeExample6.htm
        └── client.js
    ├── Ch11
        ├── CSSRulesExample.htm
        ├── CSSRulesExample2.htm
        ├── ComputedStylesExample.htm
        ├── CreateDocumentExample.htm
        ├── CreateHTMLDocumentExample.htm
        ├── DOMRangeExample.htm
        ├── DOMRangeExample2.htm
        ├── DOMRangeExample3.htm
        ├── DOMRangeExample4.htm
        ├── DOMRangeExample5.htm
        ├── DOMRangeExample6.htm
        ├── DOMRangeExample7.htm
        ├── DOMRangeExample8.htm
        ├── DOMRangeExample9.htm
        ├── DOMStyleObjectExample.htm
        ├── DocumentTypeExample.htm
        ├── GetBoundingClientRectExample.htm
        ├── IEComputedStylesExample.htm
        ├── IERangeExample.htm
        ├── IERangeExample2.htm
        ├── IERangeExample3.htm
        ├── IERangeExample4.htm
        ├── IERangeExample5.htm
        ├── IERangeExample6.htm
        ├── IFrameElementExample.htm
        ├── IFrameElementExample2.htm
        ├── IFrameElementExample3.htm
        ├── NamespaceExample.xml
        ├── NodeIteratorExample1.htm
        ├── NodeIteratorExample2.htm
        ├── OffsetDimensionsExample.htm
        ├── ScrollDimensionsExample.htm
        ├── StyleObjectExample.htm
        ├── StyleSheetsExample.htm
        ├── StyleSheetsExample2.htm
        ├── TreeWalkerExample1.htm
        ├── TreeWalkerExample2.htm
        ├── UserDataExample.htm
        ├── stylesheet1.css
        └── stylesheet2.css
    ├── Ch12
        ├── AttributeChangeEventExample.htm
        ├── BeforeUnloadEventExample.htm
        ├── ButtonExample.htm
        ├── ClientCoordinatesExample.htm
        ├── ContextMenuEventExample.htm
        ├── CrossBrowserEventHandlerExample.htm
        ├── CrossBrowserEventObjectExample.htm
        ├── CrossBrowserEventObjectExample2.htm
        ├── CrossBrowserEventObjectExample3.htm
        ├── CrossBrowserMouseWheelEventExample.htm
        ├── DOMContentLoadedEventExample.htm
        ├── DOMEventFlowExample.htm
        ├── DOMEventObjectExample.htm
        ├── DOMEventObjectExample2.htm
        ├── DOMEventObjectExample3.htm
        ├── DOMEventObjectExample4.htm
        ├── DOMEventObjectExample5.htm
        ├── DOMEventObjectExample6.htm
        ├── DOMLevel0EventHandlerExample.htm
        ├── DOMLevel2EventHandlerExample.htm
        ├── DOMLevel2EventHandlerExample2.htm
        ├── DOMMouseScrollEventExample.htm
        ├── DOMSubtreeModifiedEventExample.htm
        ├── EventBubblingExample.htm
        ├── EventCapturingExample.htm
        ├── EventDelegationExample.htm
        ├── EventUtil.js
        ├── GestureEventsExample.htm
        ├── HTMLEventHandlerExample.htm
        ├── IEEventHandlerExample.htm
        ├── IEEventHandlerExample2.htm
        ├── IEEventObjectExample.htm
        ├── IEEventObjectExample2.htm
        ├── IEEventObjectExample3.htm
        ├── KeyDownEventExample.htm
        ├── KeyPressEventExample.htm
        ├── KeyUpEventExample.htm
        ├── KeyboardEventsExample.htm
        ├── LoadEventExample.htm
        ├── LoadEventExample2.htm
        ├── LoadEventExample3.htm
        ├── LoadEventExample4.htm
        ├── LoadEventExample5.htm
        ├── LoadEventExample6.htm
        ├── LoadEventExample7.htm
        ├── ModifierKeysExample.htm
        ├── MouseWheelEventExample.htm
        ├── NodeInsertionEventsExample.htm
        ├── NodeRemovalEventsExample.htm
        ├── OrientationChangeEventExample.htm
        ├── PageShowEventExample.htm
        ├── ReadyStateChangeEventExample.htm
        ├── ReadyStateChangeEventExample2.htm
        ├── RelatedElementsExample.htm
        ├── ResizeEventExample.htm
        ├── ScreenCoordinatesExample.htm
        ├── ScrollEventExample.htm
        ├── SimulateDOMClickExample.htm
        ├── SimulateDOMKeyEventExample.htm
        ├── SimulateFFKeyEventExample.htm
        ├── SimulateIEClickExample.htm
        ├── SimulateIEKeyEventExample.htm
        ├── TextChangeEventExample.htm
        ├── TextInputEventExample.htm
        ├── TouchEventsExample.htm
        ├── UIEventsExample.htm
        ├── UnloadEventExample.htm
        ├── client.js
        ├── example.css
        ├── example.js
        └── smile.gif
    ├── Ch13
        ├── EventUtil.js
        ├── FocusExample.htm
        ├── FormFieldEventsExample.htm
        ├── FormFieldsExample.htm
        ├── FormFieldsExample2.htm
        ├── FormResetExample.htm
        ├── FormSerializationExample.htm
        ├── FormSubmissionExample.htm
        ├── RichTextEditingExample.htm
        ├── SelectboxExample.htm
        ├── SelectboxExample2.htm
        ├── SelectboxExample3.htm
        ├── SelectboxExample4.htm
        ├── SelectboxExample5.htm
        ├── SelectboxExample6.htm
        ├── SelectboxExample7.htm
        ├── TextboxClipboardExample.htm
        ├── TextboxClipboardExample2.htm
        ├── TextboxGetSelectedTextExample.htm
        ├── TextboxInputFilteringExample.htm
        ├── TextboxPartialSelectionExample.htm
        ├── TextboxSelectExample.htm
        ├── TextboxTabForwardExample.htm
        ├── blank.htm
        └── client.js
    ├── Ch14
        ├── AssertExample.htm
        ├── CommunicationErrorExample.htm
        ├── ConsoleLoggingExample.htm
        ├── EventUtil.js
        ├── InvalidCharacterExample.htm
        ├── InvalidCharacterExample2.htm
        ├── LongURLErrorExample.htm
        ├── OnErrorExample.htm
        ├── OnErrorExample2.htm
        ├── OperationAbortedExample.htm
        ├── OperationAbortedExample2.htm
        ├── OperationAbortedExample3.htm
        ├── PageLoggingExample.htm
        ├── ThrowingErrorsExample.htm
        ├── ThrowingErrorsExample2.htm
        ├── TryCatchExample.htm
        ├── TryCatchExample2.htm
        ├── nonscript.js
        └── smile.gif
    ├── Ch15
        ├── CrossBrowserXPathExample.htm
        ├── CrossBrowserXPathExample2.htm
        ├── CrossBrowserXmlExample.htm
        ├── CrossBrowserXmlExample2.htm
        ├── CrossBrowserXsltExample.htm
        ├── DOMLevel2CoreExample.htm
        ├── DOMLevel3LoadSaveExample.htm
        ├── DOMLevel3LoadSaveExample2.htm
        ├── DOMLevel3LoadSaveExample3.htm
        ├── DOMLevel3LoadSaveExample4.htm
        ├── DOMLevel3LoadSaveExample5.htm
        ├── DOMLevel3LoadSaveExample6.htm
        ├── DOMLevel3LoadSaveExample7.htm
        ├── DOMLevel3LoadSaveExample8.htm
        ├── DOMParserExample.htm
        ├── DOMParserExample2.htm
        ├── DomXPathExample.htm
        ├── DomXPathExample2.htm
        ├── DomXPathExample3.htm
        ├── DomXPathExample4.htm
        ├── DomXPathExample5.htm
        ├── DomXPathExample6.htm
        ├── DomXPathExample7.htm
        ├── DomXPathExample8.htm
        ├── IEXPathExample.htm
        ├── IEXPathExample2.htm
        ├── IEXPathExample3.htm
        ├── IEXmlDomExample.htm
        ├── IEXmlDomExample2.htm
        ├── IEXmlDomExample3.htm
        ├── IEXmlDomExample4.htm
        ├── IEXsltExample.htm
        ├── IEXsltExample2.htm
        ├── IEXsltExample3.htm
        ├── IEXsltExample4.htm
        ├── IEXsltExample5.htm
        ├── XMLSerializerExample.htm
        ├── XsltProcessorExample.htm
        ├── XsltProcessorExample2.htm
        ├── XsltProcessorExample3.htm
        ├── XsltProcessorExample4.htm
        ├── employees.xml
        ├── employees.xslt
        ├── employees2.xslt
        ├── employees3.xslt
        ├── employees4.xslt
        └── example.xml
    ├── Ch16
        ├── AttributesExample.htm
        ├── ForEachInExample.htm
        ├── NamespaceExample.htm
        ├── NamespaceTypeExample.htm
        ├── NamespaceTypeExample2.htm
        ├── NodeKindExample.htm
        ├── ParsingAndSerializationExample.htm
        ├── QNameTypeExample.htm
        ├── QNameTypeExample2.htm
        ├── QueryingExample.htm
        ├── UsageExample.htm
        ├── UsageExample2.htm
        ├── XMLConstructionExample.htm
        ├── XMLConstructionExample2.htm
        ├── XMLConstructionExample3.htm
        ├── XMLListTypeExample.htm
        ├── XMLListTypeExample2.htm
        ├── XMLListTypeExample3.htm
        └── XMLTypeExample.htm
    ├── Ch17
        ├── JSONExample.htm
        ├── JSONExample2.htm
        ├── JSONExample3.htm
        ├── JSONExample4.htm
        ├── XDomainRequestExample.htm
        ├── XHRAlternateEventsExample.htm
        ├── XHRAsyncExample.htm
        ├── XHRErrorEventExample.htm
        ├── XHRExample.htm
        ├── XHRLoadEventExample.htm
        ├── XHRPostExample.htm
        ├── XHRProgressEventExample.htm
        ├── XHRRequestHeadersExample.htm
        ├── XHRResponseHeadersExample.htm
        ├── XHRTimeoutExample.htm
        ├── addcontact.php
        ├── addressbook.php
        ├── altevents.php
        ├── example.php
        ├── example.txt
        ├── json2.js
        ├── postexample.php
        ├── timeout.php
        └── xdr.php
    ├── Ch18
        ├── ArrayChunkingExample.htm
        ├── DragAndDropExample1.htm
        ├── DragAndDropExample2.htm
        ├── DragAndDropExample3.htm
        ├── DragAndDropExample4.htm
        ├── EventTarget.js
        ├── EventTargetExample.htm
        ├── EventTargetExample2.htm
        ├── EventUtil.js
        ├── FunctionBindingExample.htm
        ├── FunctionCurryingExample.htm
        ├── FunctionCurryingExample2.htm
        ├── LazyLoadingExample.htm
        ├── RepeatingTimersExample.htm
        ├── ScopeSafeConstructorsExample.htm
        ├── ScopeSafeConstructorsExample2.htm
        ├── ScopeSafeConstructorsExample3.htm
        ├── ScopeSafeConstructorsExample4.htm
        ├── ThrottlingExample.htm
        └── client.js
    ├── Ch19
        ├── CookieUtil.js
        ├── CookiesExample.htm
        ├── EventUtil.js
        ├── GlobalAndLocalStorageExample.htm
        ├── GlobalStorageExample.htm
        ├── LocalStorageExample.htm
        ├── SessionStorageExample.htm
        ├── StorageEventExample.htm
        ├── SubCookieUtil.js
        ├── SubCookiesExample.htm
        ├── UserDataExample.htm
        └── client.js
    ├── Ch20
        └── SampleAntDir
        │   ├── build.xml
        │   ├── dev
        │       └── src
        │       │   └── js
        │       │       ├── a.js
        │       │       ├── aa.js
        │       │       ├── ab.js
        │       │       ├── b.js
        │       │       └── c.js
        │   ├── js
        │       ├── output-min.js
        │       └── output.js
        │   └── readme.txt
    ├── Ch21
        ├── CanvasClearRectExample.htm
        ├── CanvasDrawImageExample.htm
        ├── CanvasFillRectExample.htm
        ├── CanvasPathExample.htm
        ├── CanvasSaveRestoreExample.htm
        ├── CanvasStrokeRectExample.htm
        ├── CanvasTextExample.htm
        ├── CanvasTransformExample.htm
        ├── CustomDropTargetExample.htm
        ├── DataTransferExample.htm
        ├── DragAndDropExample.htm
        ├── DragAndDropExample2.htm
        ├── DropEffectAndEffectAllowedExample.htm
        ├── EventUtil.js
        ├── OfflineExample.htm
        ├── SetDragImageExample.htm
        ├── VideoPlayerExample.htm
        └── smile.gif
    └── Ch22
        ├── ArrayComprehensionsExample.htm
        ├── ArrayEveryAndSomeExample.htm
        ├── ArrayFilterExample.htm
        ├── ArrayGenericsExample.htm
        ├── ArrayIndexOfExample.htm
        ├── ArrayMapExample.htm
        ├── ArrayReductionExample.htm
        ├── BlockLevelScopesExample.htm
        ├── BlockLevelScopesExample2.htm
        ├── ConstantsExample.htm
        ├── DestructuringAssignmentExample.htm
        ├── DestructuringAssignmentExample2.htm
        ├── DestructuringAssignmentExample3.htm
        ├── ExpressionClosureExample.htm
        ├── GeneratorExample.htm
        ├── GeneratorExpressionExample.htm
        ├── GetterSetterExample.htm
        ├── GetterSetterExample2.htm
        ├── IteratorExample.htm
        ├── IteratorExample2.htm
        ├── IteratorExample3.htm
        └── StringGenericsExample.htm


/edition1/Windows XP Service Pack 2 README.txt:
--------------------------------------------------------------------------------
1 | If you are using Internet Explorer on Windows XP Service Pack 2, there is a security restriction disallowing scripts to run in files opened on your local machine. When you first try to run the examples, you will most likely get a message saying, "To help protect your security, Internet Explorer has restricted this file from showing active content that could access your computer." To see the example, you must click on the message and select "Allow Blocked Content".
2 | 


--------------------------------------------------------------------------------
/edition1/ch03/ClassicExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function createCar(color, doors, mpg) {
 8 |     var tempcar = new Object;
 9 |     tempcar.color = color;
10 |     tempcar.doors = doors;
11 |     tempcar.mpg = mpg;
12 |     tempcar.showColor = function () {
13 |         alert(this.color)
14 |     };
15 | 
16 |     return tempcar;
17 | }
18 | 
19 | var car1 = createCar("red", 4, 23);
20 | var car2 = createCar("blue", 3, 25);
21 | car1.showColor();    //outputs "red"
22 | car2.showColor();    //outputs "blue"
23 | 
24 | 
25 | </script>
26 |  
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/edition1/ch03/ConstructorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Constructor Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function Car(sColor, iDoors, iMpg) {
 8 |     this.color = sColor;
 9 |     this.doors = iDoors;
10 |     this.mpg = iMpg;
11 |     this.showColor = function () {
12 |         alert(this.color)
13 |     };
14 | }
15 | 
16 | var oCar1 = new Car("red", 4, 23);
17 | var oCar2 = new Car("blue", 3, 25);
18 | oCar1.showColor();    //outputs "red"
19 | oCar2.showColor();    //outputs "blue"
20 | 
21 | 
22 | </script>
23 |  
24 | </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/edition1/ch03/ConstructorPrototypeHybridExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function Car(sColor, iDoors, iMpg) {
 8 |     this.color = sColor;
 9 |     this.doors = iDoors;
10 |     this.mpg = iMpg;
11 |     this.drivers = new Array("Mike", "Sue");
12 | }
13 | 
14 | Car.prototype.showColor = function () {
15 |     alert(this.color);
16 | };
17 | 
18 | var oCar1 = new Car("red", 4, 23);
19 | var oCar2 = new Car("blue", 3, 25);
20 | 
21 | oCar1.drivers.push("Matt");
22 | 
23 | alert(oCar1.drivers);    //outputs "Mike,Sue,Matt"
24 | alert(oCar2.drivers);    //outputs "Mike,Sue"
25 | 
26 | </script>
27 |  
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/edition1/ch03/FactoryExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Factory Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function createCar(sColor, iDoors, iMpg) {
 8 |     var oTempCar = new Object;
 9 |     oTempCar.color = sColor;
10 |     oTempCar.doors = iDoors;
11 |     oTempCar.mpg = iMpg;
12 |     oTempCar.showColor = function () {
13 |         alert(this.color)
14 |     };
15 | 
16 |     return oTempCar;
17 | }
18 | 
19 | var oCar1 = createCar("red", 4, 23);
20 | var oCar2 = createCar("blue", 3, 25);
21 | oCar1.showColor();    //outputs "red"
22 | oCar2.showColor();    //outputs "blue"
23 | 
24 | 
25 | </script>
26 |  
27 | </body>
28 | </html>
29 | 


--------------------------------------------------------------------------------
/edition1/ch03/PrototypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function Car() {
 8 | }
 9 | 
10 | Car.prototype.color = "red";
11 | Car.prototype.doors = 4;
12 | Car.prototype.mpg = 23;
13 | Car.prototype.drivers = new Array("Mike", "Sue");
14 | Car.prototype.showColor = function () {
15 |     alert(this.color);
16 | };
17 | 
18 | var oCar1 = new Car();
19 | var oCar2 = new Car();
20 | 
21 | oCar1.drivers.push("Matt");
22 | 
23 | alert(oCar1.drivers);    //outputs "Mike,Sue,Matt"
24 | alert(oCar2.drivers);    //outputs "Mike,Sue,Matt"
25 | 
26 | 
27 | </script>
28 |  
29 | </body>
30 | </html>
31 | 


--------------------------------------------------------------------------------
/edition1/ch03/RandomExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function selectFrom(iFirstValue, iLastValue) {
 8 |     var iChoices = iLastValue - iFirstValue + 1;
 9 |     return Math.floor(Math.random() * iChoices + iFirstValue);
10 | }
11 | 
12 | //select from between 2 and 10
13 | var iNum = selectFrom(2, 10);
14 | 
15 | var aColors = ["red", "green", "blue", "yellow", "black", "purple", "brown"];
16 | var sColor = aColors[selectFrom(0, aColors.length-1)];
17 | 
18 | alert(sColor);
19 | </script>
20 |  
21 | </body>
22 | </html>
23 | 


--------------------------------------------------------------------------------
/edition1/ch03/StackExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | var stack = new Array;
 8 | stack.push("red");
 9 | stack.push("green");
10 | stack.push("yellow");
11 | alert(stack.toString());     //outputs "red,green,yellow"
12 | var vItem = stack.pop();
13 | alert(vItem);                 //outputs "yellow"
14 | alert(stack.toString());     //outputs "red,green"
15 | 
16 | </script>
17 |  
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition1/ch03/StaticExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 | <title>Example</title>
 4 | </head>
 5 | <body>
 6 | <script type="text/javascript">
 7 | function sayHi() {
 8 |     alert("hi");
 9 | }
10 | 
11 | sayHi.alternate = function() {
12 |     alert("hola");
13 | };
14 | 
15 | sayHi();              //outputs "hi"
16 | sayHi.alternate();    //outputs "hola"
17 | 
18 | </script>
19 |  
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch05/DocumentWriteExample.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>Document Write Example</title>
4 |     </head>
5 |     <body>
6 |         <h1><script type="text/javascript">document.write("this is a test")</script></h1>
7 |      </body>
8 | </html>
9 | 


--------------------------------------------------------------------------------
/edition1/ch05/Example.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
 3 | "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 4 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%">
 5 |     <desc>
 6 | 		An image of a square and a circle.
 7 | 	   </desc>
 8 |     <defs>
 9 |         <rect id="rect1" width="200" height="200" fill="red" x="10" y="10" stroke="black"/>
10 |         <circle id="circle1" r="100" fill="white" stroke="black" cx="200" cy="200"/>
11 |     </defs>
12 |     <g>
13 |         <use xlink:href="#rect1" />
14 |         <use xlink:href="#circle1" />
15 |     </g>
16 | </svg>
17 | 


--------------------------------------------------------------------------------
/edition1/ch05/FramesetExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset rows="100,*">
 6 |         <frame src="frame.htm" name="topFrame" />
 7 |         <frameset cols="50%,50%">
 8 |             <frame src="anotherframe.htm" name="leftFrame" />
 9 |             <frame src="yetanotherframe.htm" name="rightFrame" />
10 |         </frameset>
11 |     </frameset>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition1/ch05/LocationReplaceExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>You won't be able to get back here</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>Enjoy this page for a second, because you won't be coming back here.</p>
 7 |         <script type="text/javascript">
 8 |             setTimeout(function () {
 9 |                 location.replace("http://www.wrox.com/");
10 |             }, 1000);
11 |         </script>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch05/anotherframe.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>leftFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>leftFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch05/anotherframeset.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset cols="100,*">
 6 |         <frame src="red.htm" name="redFrame" />
 7 |         <frame src="blue.htm" name="blueFrame" />
 8 |     </frameset>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition1/ch05/blue.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>blueFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>blueFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch05/frame.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>topFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>topFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch05/frameset1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset rows="100,*">
 6 |         <frame src="frame.htm" name="topFrame" />
 7 |         <frameset cols="50%,50%">
 8 |             <frame src="anotherframe.htm" name="leftFrame" />
 9 |             <frame src="anotherframeset.htm" name="rightFrame" />
10 |         </frameset>
11 |     </frameset>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition1/ch05/red.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>redFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>redFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch05/yetanotherframe.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>rightFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>rightFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition1/ch06/appendChildExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>appendChild() Example</title>
 4 |         <script type="text/javascript">
 5 |             function appendMessage() {
 6 |                 var oNewP = document.createElement("p");
 7 |                 var oText = document.createTextNode("Hello Universe!");
 8 |                 oNewP.appendChild(oText);
 9 |                 document.body.appendChild(oNewP);
10 |             }
11 |         </script>
12 |     </head>
13 |     <body onload="appendMessage()">
14 |         <p>Hello World!</p>
15 |     </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition1/ch06/createElementExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>createElement() Example</title>
 4 |         <script type="text/javascript">
 5 |             function createMessage() {
 6 |                 var oP = document.createElement("p");
 7 |                 var oText = document.createTextNode("Hello World!");
 8 |                 oP.appendChild(oText);
 9 |                 document.body.appendChild(oP);
10 |             }
11 |         </script>
12 |     </head>
13 |     <body onload="createMessage()">
14 |     </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition1/ch06/insertBeforeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>insertBefore() Example</title>
 4 |         <script type="text/javascript">
 5 |             function insertMessage() {
 6 |                 var oNewP = document.createElement("p");
 7 |                 var oText = document.createTextNode("Hello Universe!");
 8 |                 oNewP.appendChild(oText);
 9 |                 var oOldP = document.getElementsByTagName("p")[0];
10 |                 document.body.insertBefore(oNewP, oOldP);
11 |             }
12 |         </script>
13 |     </head>
14 |     <body onload="insertMessage()">
15 |         <p>Hello World!</p>
16 |     </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition1/ch06/removeChildExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>removeChild() Example</title>
 4 |         <script type="text/javascript">
 5 |             function removeMessage() {
 6 |                 var oP = document.body.getElementsByTagName("p")[0];
 7 |                 document.body.removeChild(oP);
 8 |             }
 9 |         </script>
10 |     </head>
11 |     <body onload="removeMessage()">
12 |         <p>Hello World!</p>
13 |     </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition1/ch06/removeChildExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>removeChild() Example</title>
 4 |         <script type="text/javascript">
 5 |             function removeMessage() {
 6 |                 var oP = document.body.getElementsByTagName("p")[0];
 7 |                 oP.parentNode.removeChild(oP);
 8 |             }
 9 |         </script>
10 |     </head>
11 |     <body onload="removeMessage()">
12 |         <p>Hello World!</p>
13 |     </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition1/ch06/replaceChildExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>replaceChild() Example</title>
 4 |         <script type="text/javascript">
 5 |             function replaceMessage() {
 6 |                 var oNewP = document.createElement("p");
 7 |                 var oText = document.createTextNode("Hello Universe!");
 8 |                 oNewP.appendChild(oText);
 9 |                 var oOldP = document.body.getElementsByTagName("p")[0];
10 |                 oOldP.parentNode.replaceChild(oNewP, oOldP);
11 |             }
12 |         </script>
13 |     </head>
14 |     <body onload="replaceMessage()">
15 |         <p>Hello World!</p>
16 |     </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition1/ch09/EventPropagationExample.htm:
--------------------------------------------------------------------------------
 1 | <html onclick="alert('html')">
 2 |     <head>
 3 |         <title>Event Propagation Example</title>
 4 |     </head>
 5 |     <body onclick="alert('body')">
 6 |  
 7 |         <input type="button" value="Click Me" onclick="alert('input')" />
 8 |     </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnResizeExample.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>OnResize Example</title>
4 |     </head>
5 |     <body onresize="alert('Resizing')">
6 |     </body>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnScrollExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>OnScroll Example</title>
 4 |     </head>
 5 |     <body onscroll="alert('Scrolling')">
 6 |          <p>Try scrolling this window.</p>
 7 |          <p>&nbsp;</p>
 8 |          <p>&nbsp;</p>
 9 |          <p>&nbsp;</p>
10 |          <p>&nbsp;</p>
11 |          <p>&nbsp;</p>
12 |          <p>&nbsp;</p>
13 |          <p>&nbsp;</p>
14 |          <p>&nbsp;</p>
15 |          <p>&nbsp;</p>
16 |          <p>&nbsp;</p>
17 |          <p>&nbsp;</p>
18 |          <p>&nbsp;</p>
19 |     </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnScrollExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>OnScroll Example</title>
 4 |         <script type="text/javascript">
 5 |             window.onscroll = function () {
 6 |                 alert("scrolling");
 7 |             }
 8 |         </script>
 9 |     </head>
10 |     <body>
11 |          <p>Try scrolling this window.</p>
12 |          <p>&nbsp;</p>
13 |          <p>&nbsp;</p>
14 |          <p>&nbsp;</p>
15 |          <p>&nbsp;</p>
16 |          <p>&nbsp;</p>
17 |          <p>&nbsp;</p>
18 |          <p>&nbsp;</p>
19 |          <p>&nbsp;</p>
20 |          <p>&nbsp;</p>
21 |          <p>&nbsp;</p>
22 |          <p>&nbsp;</p>
23 |          <p>&nbsp;</p>
24 |     </body>
25 | </html>
26 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnUnloadExample.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>OnUnload Example</title>
4 |     </head>
5 |     <body onunload="alert('Goodbye')">
6 |         Navigate to another page or close the window.
7 |     </body>
8 | </html>
9 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnloadExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Onload Example</title>
 4 |         <script type="text/javascript">
 5 |             window.onload = function () {
 6 |                 alert("Loaded");
 7 |             };
 8 |         </script>
 9 |         <body>
10 |         </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnloadExample2.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>Onload Example</title>
4 |         <body onload="alert('Loaded')">
5 |         </body>
6 | </html>
7 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnloadExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Onload Example</title>
 4 |         <script type="text/javascript">
 5 |             function handleLoad() {
 6 |                 alert(window.onload);
 7 |             }
 8 |         </script>
 9 |         <body onload="handleLoad()">
10 |         </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/edition1/ch09/OnloadExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Onload Example</title>
 4 |         <script type="text/javascript">
 5 |             document.body.onload = function () {
 6 |                 alert("loaded");
 7 |             }
 8 |         </script>
 9 |     </head>
10 |     <body>
11 |         This example won't work because it's assigning the <code>onload</code> event handler to the wrong place!      
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch10/SelectTextExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Select Text Example</title>
 4 |         <script type="text/javascript">
 5 |             function selectText() {
 6 |                 var oTextbox1 = document.getElementById("txt1");
 7 |                 oTextbox1.focus();
 8 |                 oTextbox1.select();
 9 |             }
10 |         </script>
11 |     </head>
12 |     <body>
13 |         <input type="text" size="12" id="txt1" value="initial value" /><br />
14 |         <input type="button" value="Select Text" onclick="selectText()" />
15 |     </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition1/ch10/StyleExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Style Example</title>
 4 |         <script type="text/javascript">
 5 |             function sayStyle() {
 6 |                 var oDiv = document.getElementById("div1");
 7 |                 alert(oDiv.style.backgroundColor);
 8 |             }
 9 |         </script>
10 |     </head>
11 |     <body>
12 |         <div id="div1" style="background-color: red; height: 50px; width: 50px"></div><br />
13 |         <input type="button" value="Get Background Color" onclick="sayStyle()" />
14 |     </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition1/ch10/StyleExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Style Example</title>
 4 |     </head>
 5 |     <body>
 6 |        <p>Move your mouse over the square.</p>
 7 |         <div id="div1" 
 8 |              style="background-color: red; height: 50px; width: 50px"
 9 |              onmouseover="this.style.backgroundColor = 'blue'"
10 |              onmouseout="this.style.backgroundColor = 'red'"></div>
11 |     </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition1/ch10/StyleExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Style Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>Click on the square.</p>
 7 |         <div id="div1" 
 8 |              style="background-color: red; height: 50px; width: 50px"
 9 |              onclick="alert(this.style.cssText)"></div>
10 |     </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/edition1/ch10/StyleExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Style Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <div id="div1" 
 7 |              style="background-color: red; height: 50px; width: 50px"
 8 |              onmouseover="this.style.setProperty('background-color', 'blue', '')"
 9 |              onmouseout="this.style.setProperty('background-color', 'red', '')"></div>
10 |         <p><strong>Note: </strong> Internet Explorer does not support the DOM style methods so this example will fail.</p>
11 | 
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch11/SelectTextExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Select Text Example</title>
 4 |         <script type="text/javascript">
 5 |             function selectText() {
 6 |                 var oTextbox1 = document.getElementById("txt1");
 7 |                 oTextbox1.focus();
 8 |                 oTextbox1.select();
 9 |             }
10 |         </script>
11 |     </head>
12 |     <body>
13 |         <input type="text" size="12" id="txt1" value="initial value" /><br />
14 |         <input type="button" value="Select Text" onclick="selectText()" />
15 |     </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition1/ch11/SelectTextExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Select Text Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>Select some of the text in the textbox.</p>
 7 |         <input type="text" size="12" id="txt1" value="initial value" onselect="alert('Select')"/>
 8 |     </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition1/ch11/SelectTextExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Select Text Example</title>
 4 |         <script type="text/javascript" src="formutil.js"></script>
 5 |     </head>
 6 |     <body onload="FormUtil.setTextboxes()">
 7 |         <input type="text" size="12" id="txt1" value="initial value" /><br />
 8 |         <input type="text" size="12" id="txt1" value="another value" /><br />
 9 |         <input type="text" size="12" id="txt1" value="yet another value" /><br />
10 |         <input type="text" size="12" id="txt1" value="and another value" /><br />
11 |         <p>Try clicking or tabbing to each textbox. All the text will be selected.</p>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch11/TextAreaMaxLengthExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>TextArea Max Length Example</title>
 4 |         <script type="text/javascript" src="textutil.js"></script>
 5 |     </head>
 6 |     <body>
 7 |         <p>Try typing in the textbox. You can only type 25 characters.</p>
 8 |         <form method="post" action="javascript:alert('Submitted')">
 9 |             <textarea rows="10" cols="25" maxlength="25" onkeypress="return TextUtil.isNotMax(this)"></textarea>
10 |             <input type="submit" value="Submit Form" />
11 |         </form>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch11/submit.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch11/submit.gif


--------------------------------------------------------------------------------
/edition1/ch12/images/Thumbs.db:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/Thumbs.db


--------------------------------------------------------------------------------
/edition1/ch12/images/acrobaticon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/acrobaticon.gif


--------------------------------------------------------------------------------
/edition1/ch12/images/excelicon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/excelicon.gif


--------------------------------------------------------------------------------
/edition1/ch12/images/notepadicon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/notepadicon.gif


--------------------------------------------------------------------------------
/edition1/ch12/images/wordicon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/wordicon.gif


--------------------------------------------------------------------------------
/edition1/ch12/images/zippedfoldericon.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch12/images/zippedfoldericon.gif


--------------------------------------------------------------------------------
/edition1/ch13/SystemDragAndDropExampleA.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>System Drag And Drop Example</title>
 4 |         <script type="text/javascript">
 5 |             function handleDrop() {
 6 |                 alert("Dropped!");
 7 |             }
 8 |         </script>
 9 |     </head>
10 |     <body>
11 |         <p>Highlight some of the text in the textbox on the left and drag it
12 |         into the textbox on the right.</p>
13 |         <input type="text" value="drag this text" /><input type="text" ondrop="handleDrop()" />
14 |     </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition1/ch13/images/smiley.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch13/images/smiley.gif


--------------------------------------------------------------------------------
/edition1/ch14/DebugExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Debug Example</title>
 4 |         <script type="text/javascript">
 5 |         
 6 |                 function divide(iNum1, iNum2) {
 7 |                     return iNum1.valueOf() / iNum2.valueOf();
 8 |                 }
 9 | 
10 |                 
11 |                 alert(divide("a"));
12 | 
13 | 
14 |         </script>
15 |     </head>
16 |     <body> 
17 |         <p>This page causes a JavaScript error.</p>
18 |     </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition1/ch14/ExceptionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Exception Test</title>
 4 |        <script type="text/javascript">
 5 |             function handleLoad() {
 6 |                  window.openMySpecialWindow();
 7 |                  alert("Loaded");
 8 |             }
 9 | 
10 |             function handleClick() {
11 |                 alert("Clicked");
12 |             }
13 |         </script>
14 |     </head>
15 |     <body onload="handleLoad()">
16 |         <p>Even though an error occurs when the page is loaded, you can still
17 |         click the button and have it work correctly.</p>
18 |         <input type="button" value="Click Me" onclick="handleClick()" />
19 |     </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition1/ch14/ImageErrorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Image Error Test</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>The image below attempts to load a file that doesn't exist.</p>
 7 |         <img src="blue.gif" onerror="alert('An error occurred loading the image.')" />
 8 |     </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition1/ch14/ImageErrorExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Image Error Test</title>
 4 |         <script type="text/javascript">
 5 |             function handleLoad() {
 6 |                 document.images[0].onerror = function () {
 7 |                     alert("An error occurred loading the image."); 
 8 |                 };
 9 |                 
10 |                 document.images[0].src = "blue.gif";
11 |             }
12 |         </script>
13 |     </head>
14 |     <body onload="handleLoad()">
15 |         <p>The image below attempts to load a file that doesn't exist.</p>
16 |         <img />
17 |     </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition1/ch14/OnErrorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>OnError Example</title>
 4 |         <script type="text/javascript">
 5 |             window.onerror = function () {
 6 |                 alert("An error occurred.");
 7 |             }
 8 |         </script>
 9 |     </head>
10 |     <body onload="nonExistentFunction()">
11 |     </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition1/ch14/OnErrorExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>OnError Example</title>
 4 |         <script type="text/javascript">
 5 |             window.onerror = function () {
 6 |                 alert("An error occurred.");
 7 |                 return true;
 8 |             }
 9 |         </script>
10 |     </head>
11 |     <body onload="nonExistentFunction()">
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch14/OnErrorExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>OnError Example</title>
 4 |         <script type="text/javascript">
 5 |             window.onerror = function (sMessage, sUrl, sLine) {
 6 |                 alert("An error occurred:\n" + sMessage + "\nURL: " + sUrl + "\nLine Number: " + sLine);
 7 |                 return true;
 8 |             }
 9 |         </script>
10 |     </head>
11 |     <body onload="nonExistentFunction()">
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition1/ch14/TryCatchExample.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch14/TryCatchExample.htm


--------------------------------------------------------------------------------
/edition1/ch14/TryCatchExample3.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch14/TryCatchExample3.htm


--------------------------------------------------------------------------------
/edition1/ch14/TryCatchExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Try Catch Example</title>
 4 |         <script type="text/javascript">
 5 |                 try {
 6 |                     eval("a ++ b");        //causes SyntaxError
 7 |                 } catch (oException) {
 8 |                     if (oException.name == "SyntaxError") {
 9 |                         alert("Syntax Error: " + oException.message);
10 |                     } else {
11 |                         alert("An unexpected error occurred: " + oException.message);
12 |                     }
13 |                 }
14 | 
15 |         </script>
16 |     </head>
17 |     <body>
18 |     </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition1/ch14/TryCatchExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Try Catch Example</title>
 4 |         <script type="text/javascript">
 5 |                 try {
 6 |                     eval("a ++ b");        //causes SyntaxError
 7 |                 } catch (oException) {
 8 |                     if (oException instanceof SyntaxError) {
 9 |                         alert("Syntax Error: " + oException.message);
10 |                     } else {
11 |                         alert("An unexpected error occurred: " + oException.message);
12 |                     }
13 |                 }
14 |         </script>
15 |     </head>
16 |     <body>
17 |     </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition1/ch15/employees.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <employees>
 3 |     <employee title="Software Engineer">
 4 |         <name>Nicholas C. Zakas</name>
 5 |     </employee>
 6 |     <employee title="Salesperson">
 7 |         <name>Jim Smith</name>
 8 |     </employee>
 9 | </employees>
10 | 


--------------------------------------------------------------------------------
/edition1/ch15/employees.xslt:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 3 | 
 4 |     <xsl:output method="html" />
 5 |     
 6 |     <xsl:template match="/">
 7 |        <ul>
 8 |            <xsl:apply-templates select="*" />
 9 |        </ul>
10 |     </xsl:template>
11 | 
12 |     <xsl:template match="employee">
13 |         <li><xsl:value-of select="name" />, <em><xsl:value-of select="@title" /></em></li>
14 |     </xsl:template>
15 | 
16 | </xsl:stylesheet>
17 | 


--------------------------------------------------------------------------------
/edition1/ch15/employees2.xslt:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 3 | 
 4 |     <xsl:output method="html" />
 5 | 
 6 |     <xsl:param name="message" />
 7 |         
 8 |     <xsl:template match="/">
 9 |        <ul>
10 |            <xsl:apply-templates select="*" />
11 |        </ul>
12 |        <p>Message: <xsl:value-of select="$message" /></p>
13 |     </xsl:template>
14 | 
15 |     <xsl:template match="employee">
16 |         <li><xsl:value-of select="name" />, <em><xsl:value-of select="@title" /></em></li>
17 |     </xsl:template>
18 | 
19 | </xsl:stylesheet>
20 | 


--------------------------------------------------------------------------------
/edition1/ch15/employees4.xslt:
--------------------------------------------------------------------------------
 1 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 2 | 
 3 |     <xsl:output method="text" />
 4 | 
 5 |     <xsl:template match="/">
 6 |        <xsl:apply-templates select="*" />
 7 |     </xsl:template>
 8 | 
 9 |     <xsl:template match="employee">
10 |         <xsl:value-of select="name" />, <xsl:value-of select="@title" />
11 |     </xsl:template>
12 | 
13 | </xsl:stylesheet>
14 | 


--------------------------------------------------------------------------------
/edition1/ch15/errors.xml:
--------------------------------------------------------------------------------
1 | <root>
2 |     <child/>
3 |     <child/>
4 |     <child
5 | </root>


--------------------------------------------------------------------------------
/edition1/ch15/test.xml:
--------------------------------------------------------------------------------
1 | <root>
2 |     <child/>
3 |     <child/>
4 |     <child/>
5 | </root>


--------------------------------------------------------------------------------
/edition1/ch16/HiddenFrameExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Hidden Frame Example</title>   
 4 |                 
 5 |     </head>
 6 |     <frameset rows="*,0">
 7 |         <frame src="HiddenFrameExampleMain.htm" name="mainFrame" />
 8 |         <frame src="HiddenFrameExampleBlank.htm" name="hiddenFrame" />
 9 |     </frameset>
10 | </html>
11 | 


--------------------------------------------------------------------------------
/edition1/ch16/HiddenFrameExampleBlank.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>Hidden Frame Example (Blank Page)</title>
4 |     </head>
5 |     <body>
6 |     </body>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/edition1/ch16/HiddenFrameExampleCom.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Hidden Frame Example (Response)</title>
 4 |         <script type="text/javascript">
 5 |         
 6 |             window.onload = function () {
 7 |                 parent.frames[0].handleResponse(document.forms["formResponse"].result.value);
 8 |             };
 9 |         </script>
10 |  
11 |     </head>
12 |     <body>
13 |         <form name="formResponse">
14 |             <textarea name="result">This is some data coming from the server.</textarea>
15 |         </form>
16 |     </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition1/ch16/HiddenFrameExampleCom2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Hidden Frame Example (Response)</title>
 4 |         <script type="text/javascript">
 5 |         
 6 |             window.onload = function () {
 7 |                 parent.handleResponse(document.forms["formResponse"].result.value);
 8 |             };
 9 |         </script>
10 |  
11 |     </head>
12 |     <body>
13 |         <form name="formResponse">
14 |             <textarea name="result">This is some data coming from the server.</textarea>
15 |         </form>
16 |     </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition1/ch16/example.txt:
--------------------------------------------------------------------------------
1 | This is some data coming back from the server.


--------------------------------------------------------------------------------
/edition1/ch16/example.xml:
--------------------------------------------------------------------------------
1 | <root>
2 |     <child/>
3 |     <child/>
4 |     <child/>
5 | </root>


--------------------------------------------------------------------------------
/edition1/ch16/reflectpost.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     echo $name."\n";
3 |     echo $book."\n";
4 | ?>


--------------------------------------------------------------------------------
/edition1/ch16/submitfeedback.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     //send e-mail (uncomment to actually send e-mail
 3 |     //mail("you@yourdomain.com", "User Feedback", $feedbackText, "From: feedback@{$_SERVER['SERVER_NAME']}");
 4 | 
 5 |     //if flag is set, set cookies
 6 |     if ($rememberMe == "yes") {
 7 |         setcookie("personName", $personName, time() + 1000 * 60 * 60 * 24 * 365);
 8 |         setcookie("personEmail", $personEmail, time() + 1000* 60 * 60 * 24 * 365);
 9 |     }
10 | ?>
11 | <html>
12 |     <head>
13 |         <title>Cookies Example</title>   
14 |                 
15 |     </head>
16 |     <body>
17 |         <p>Thank you for submitting feedback!</p> 
18 |     </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition1/ch17/stringbuffer.js:
--------------------------------------------------------------------------------
 1 | function StringBuffer() {
 2 |     this.__strings__ = new Array;
 3 | }
 4 | 
 5 | StringBuffer.prototype.append = function (str) {
 6 |     this.__strings__.push(str);
 7 | };
 8 | 
 9 | StringBuffer.prototype.toString = function () {
10 |     return this.__strings__.join("");
11 | };


--------------------------------------------------------------------------------
/edition1/ch18/ExampleApplet.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleApplet.class


--------------------------------------------------------------------------------
/edition1/ch18/ExampleApplet.java:
--------------------------------------------------------------------------------
 1 | import java.applet.Applet;
 2 | import java.awt.Graphics;
 3 | import java.awt.HeadlessException;
 4 | /*
 5 |  * Created on Nov 27, 2004
 6 |  *
 7 |  */
 8 | 
 9 | /**
10 |  * @author Nicholas Zakas
11 |  *
12 |  */
13 | public class ExampleApplet extends Applet {
14 | 
15 | 	private String message = "Hello World!";
16 | 
17 | 	public ExampleApplet() throws HeadlessException {
18 | 		super();
19 | 	}
20 | 	
21 | 	public void paint(Graphics g) {
22 | 		g.drawString(message, 20, 20);
23 | 	}
24 | 	
25 | 	public void setMessage(String message) {
26 | 		this.message = message;
27 | 		repaint();
28 | 	}
29 | }
30 | 


--------------------------------------------------------------------------------
/edition1/ch18/ExampleApplet2.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleApplet2.class


--------------------------------------------------------------------------------
/edition1/ch18/ExampleApplet3.class:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleApplet3.class


--------------------------------------------------------------------------------
/edition1/ch18/ExampleArchive.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleArchive.jar


--------------------------------------------------------------------------------
/edition1/ch18/ExampleMovie.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleMovie.swf


--------------------------------------------------------------------------------
/edition1/ch18/ExampleMovie2.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleMovie2.swf


--------------------------------------------------------------------------------
/edition1/ch18/ExampleMovie3.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleMovie3.swf


--------------------------------------------------------------------------------
/edition1/ch18/ExampleMovie4.swf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition1/ch18/ExampleMovie4.swf


--------------------------------------------------------------------------------
/edition1/ch18/Names.txt:
--------------------------------------------------------------------------------
1 | first name,last name
2 | Nicholas,Zakas
3 | Michael,Smith
4 | Joyce,Anderson
5 | Benjamin,Johnson
6 | Amy,Jones


--------------------------------------------------------------------------------
/edition2/Ch03/AddExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Add Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var result1 = 5 + 5;     //two numbers
 7 |         alert(result1);           //10
 8 |         var result2 = 5 + "5";   //a number and a string
 9 |         alert(result2);           //"55"
10 | 
11 |        
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/AddExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Add Example 2</title>
 4 |     <script type="text/javascript">
 5 |             
 6 |         var num1 = 5;
 7 |         var num2 = 10;
 8 |         var message = "The sum of 5 and 10 is " + num1 + num2;
 9 |         alert(message);    //"The sum of 5 and 10 is 510"
10 |         
11 |         
12 |        
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/AddExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Add Example 3</title>
 4 |     <script type="text/javascript">
 5 |             
 6 |         var num1 = 5;
 7 |         var num2 = 10;
 8 |         var message = "The sum of 5 and 10 is " + (num1 + num2);
 9 |         alert(message);    //"The sum of 5 and 10 is 15"
10 | 
11 |         
12 |         
13 |        
14 |     </script>
15 | 
16 | </head>
17 | <body>
18 |   
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/AssignmentOperatorsExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Assignment Operators Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var num = 5;
 7 |         alert(num);     //5
 8 |         
 9 |         num += 5;
10 |         alert(num);     //10
11 |         
12 |         num *= 2;
13 |         alert(num);     //20
14 | 
15 |         num /= 10;
16 |         alert(num);     //2
17 |         
18 |         num -= 2;   
19 |         alert(num);     //0
20 |         
21 |         
22 |     </script>
23 | 
24 | </head>
25 | <body>
26 |   
27 | </body>
28 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BitwiseAndExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Bitwise AND Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var result = 25 & 3;
 7 |         alert(result);    //outputs 1
 8 | 
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BitwiseNotExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Bitwise NOT Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num1 = 25;             //binary 00000000000000000000000000011001
 7 |         var num2 = ~num1;          //binary 11111111111111111111111111100110
 8 |         alert(num2);               //-26
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BitwiseOrExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Bitwise OR Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var result = 25 | 3;
 7 |         alert(result);       //27
 8 | 
 9 | 
10 |     </script>
11 | 
12 | </head>
13 | <body>
14 |   
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BitwiseXorExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Bitwise XOR Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var result = 25 ^ 3;
 7 |         alert(result);    //26
 8 | 
 9 | 
10 |     </script>
11 | 
12 | </head>
13 | <body>
14 |   
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BooleanExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Boolean Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message = "Hello world!";
 7 |         var messageAsBoolean = Boolean(message);
 8 |         
 9 |         alert(messageAsBoolean); //true
10 |  
11 |               
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BooleanExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Boolean Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message = "Hello world!";
 7 |         if (message){
 8 |             alert("Value is true");
 9 |         }
10 | 
11 |  
12 |               
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BreakStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Break Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var num = 0;
 6 |         
 7 |         for (var i=1; i < 10; i++) {
 8 |             if (i % 5 == 0) {
 9 |                 break;
10 |             }
11 |             num++;
12 |         }
13 |         
14 |         alert(num);    //4
15 | 
16 | 
17 | 
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/BreakStatementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Break Statement Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var num = 0;
 6 |         
 7 |         outermost:
 8 |         for (var i=0; i < 10; i++) {
 9 |              for (var j=0; j < 10; j++) {
10 |                 if (i == 5 && j == 5) {
11 |                     break outermost;
12 |                 }
13 |                 num++;
14 |             }
15 |         }
16 |         
17 |         alert(num);    //55
18 | 
19 | 
20 | 
21 | 
22 |     </script>
23 | </head>
24 | <body>
25 | 
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ConditionalOperatorExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Conditional Operator Example 1</title>
 4 |     <script type="text/javascript">
 5 |             
 6 |         var num1 = 10;
 7 |         var num2 = 25;
 8 |         var num3 = (num2 > num1) ? num2 : num1;
 9 |         alert(num3);   //25
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ContinueStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Continue Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var num = 0;
 6 |         
 7 |         for (var i=1; i < 10; i++) {
 8 |             if (i % 5 == 0) {
 9 |                 continue;
10 |             }
11 |             num++;
12 |         }
13 |         
14 |         alert(num);    //8
15 | 
16 | 
17 | 
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ContinueStatementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Continue Statement Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var num = 0;
 6 |         
 7 |         outermost:
 8 |         for (var i=0; i < 10; i++) {
 9 |              for (var j=0; j < 10; j++) {
10 |                 if (i == 5 && j == 5) {
11 |                     continue outermost;
12 |                 }
13 |                 num++;
14 |             }
15 |         }
16 |         
17 |         alert(num);    //95
18 | 
19 | 
20 | 
21 | 
22 |     </script>
23 | </head>
24 | <body>
25 | 
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/DivideExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Divide Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(5 / 5);           //1
 7 |         alert(5 / NaN);         //NaN
 8 |         alert(Infinity / Infinity);    //NaN
 9 |         alert(Infinity / 2);    //Infinity
10 |         alert(5 / 0);           //NaN
11 |         alert(10 / true);       //10
12 |         alert(10 / false);      //NaN
13 |        
14 |     </script>
15 | 
16 | </head>
17 | <body>
18 |   
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/DoWhileStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Do While Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var i = 0;
 6 |         do {
 7 |            i += 2;
 8 |         } while (i < 10);
 9 | 
10 |         alert(i);
11 |         
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/EqualityOperatorsExample2.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/EqualityOperatorsExample2.htm


--------------------------------------------------------------------------------
/edition2/Ch03/EqualityOperatorsExample3.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/EqualityOperatorsExample3.htm


--------------------------------------------------------------------------------
/edition2/Ch03/ForInStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>For-In Statement Example 1</title>
 4 | </head>
 5 | <body>
 6 |     <script type="text/javascript">
 7 |         for (var propName in window) {
 8 |              document.write(propName);
 9 |              document.write("<br />");
10 |         }
11 | 
12 | 
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ForStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>For Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var count = 10;
 6 |         for (var i=0; i < count; i++){
 7 |             alert(i);
 8 |         }
 9 | 
10 |         /* The preceding is the same as:
11 |         
12 |         var count = 10;
13 |         var i = 0;
14 |         while (i < count){
15 |             alert(i);
16 |             i++;
17 |         }
18 |         
19 |         */
20 |     </script>
21 | 
22 | </head>
23 | <body>
24 |   
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ForStatementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>For Statement Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var count = 10;
 6 |         var i;
 7 |         for (i=0; i < count; i++){
 8 |             alert(i);
 9 |         }
10 |         
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ForStatementExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>For Statement Example 3</title>
 4 |     <script type="text/javascript">
 5 |         var count = 10;
 6 |         for (var i=0; i < count; i++){
 7 |             alert(i);
 8 |         }
 9 |         alert(i);    //10
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ForStatementExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>For Statement Example 4</title>
 4 |     <script type="text/javascript">
 5 |         var count = 10;
 6 |         var i = 0;
 7 |         for (; i < count; ){
 8 |             alert(i);
 9 |             i++;
10 |         }
11 | 
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 1</title>
 4 |     <script type="text/javascript">
 5 |         function sayHi(name, message) {
 6 |             alert("Hello " + name + "," + message);
 7 |         }
 8 | 
 9 |         sayHi("Nicholas", "how are you today?");
10 |         
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 2</title>
 4 |     <script type="text/javascript">
 5 |         function sum(num1, num2) {
 6 |             return num1 + num2;
 7 |         }
 8 | 
 9 |         var result = sum(5, 10);
10 |         alert(result);
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 3</title>
 4 |     <script type="text/javascript">
 5 |         function diff(num1, num2) {
 6 |             if (num1 < num2) {
 7 |                 return num2 - num1;
 8 |             } else {
 9 |                 return num1 - num2;
10 |             }
11 |         }
12 | 
13 |         var result = diff(7, 10);
14 |         alert(result);
15 |     </script>
16 | </head>
17 | <body>
18 | 
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 4</title>
 4 |     <script type="text/javascript">
 5 |         function sayHi(name, message) {
 6 |             return;
 7 |             alert("Hello " + name + "," + message);    //never called
 8 |         }
 9 | 
10 |         sayHi("Nicholas", "how are you today?");
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 5</title>
 4 |     <script type="text/javascript">
 5 |         function sayHi() {
 6 |             alert("Hello " + arguments[0] + "," + arguments[1]);
 7 |         }
 8 | 
 9 |         sayHi("Nicholas", "how are you today?");
10 |     </script>
11 | </head>
12 | <body>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 6</title>
 4 |     <script type="text/javascript">
 5 |         function howManyArgs() {
 6 |             alert(arguments.length);
 7 |         }
 8 |         
 9 |         howManyArgs("string", 45);    //2
10 |         howManyArgs();                //0
11 |         howManyArgs(12);              //1
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample7.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 7</title>
 4 |     <script type="text/javascript">
 5 |         function doAdd() {
 6 |             if(arguments.length == 1) {
 7 |                 alert(arguments[0] + 10);
 8 |             } else if (arguments.length == 2) {
 9 |                 alert(arguments[0] + arguments[1]);
10 |             }
11 |         }
12 |         
13 |         doAdd(10);        //20
14 |         doAdd(30, 20);    //50
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample8.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 8</title>
 4 |     <script type="text/javascript">
 5 |         function doAdd(num1, num2) {
 6 |             if(arguments.length == 1) {
 7 |                 alert(num1 + 10);
 8 |             } else if (arguments.length == 2) {
 9 |                 alert(arguments[0] + num2);
10 |             }
11 |         }
12 | 
13 |         
14 |         doAdd(10);        //20
15 |         doAdd(30, 20);    //50
16 | 
17 |     </script>
18 | </head>
19 | <body>
20 | 
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/FunctionExample9.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Example 9</title>
 4 |     <script type="text/javascript">
 5 |         function addSomeNumber(num){
 6 |             return num + 100;
 7 |         }
 8 |         
 9 |         function addSomeNumber(num) {
10 |             return num + 200;
11 |         }
12 |         
13 |         var result = addSomeNumber(100);    //300
14 |         alert(result);
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IfStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>If Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var i = 24;
 6 |         
 7 |         if (i > 25)
 8 |             alert("Greater than 25.");    //one-line statement
 9 |         else {
10 |             alert("Less than or equal to 25.");  //block statement
11 |         }
12 | 
13 |         
14 |         
15 |     </script>
16 | 
17 | </head>
18 | <body>
19 |   
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IfStatementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>If Statement Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var i = 24;
 6 |         
 7 |         if (i > 25) {
 8 |             alert("Greater than 25.")
 9 |         } else if (i < 0) {
10 |             alert("Less than 0.");
11 |         } else {
12 |             alert("Between 0 and 25, inclusive.");
13 |         }
14 | 
15 | 
16 |         
17 |         
18 |     </script>
19 | 
20 | </head>
21 | <body>
22 |   
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IncrementDecrementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Increment/Decrement Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var age = 29;
 7 |         var anotherAge = --age + 2;
 8 |         
 9 |         alert(age);         //outputs 28
10 |         alert(anotherAge);  //outputs 30
11 | 
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IncrementDecrementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Increment/Decrement Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num1 = 2;
 7 |         var num2 = 20;
 8 |         var num3 = --num1 + num2;    //equals 21
 9 |         var num4 = num1 + num2;      //equals 21
10 | 
11 |         alert(num3);
12 |         alert(num4);
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IncrementDecrementExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Increment/Decrement Example 3</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num1 = 2;
 7 |         var num2 = 20;
 8 |         var num3 = num1-- + num2;    //equals 22
 9 |         var num4 = num1 + num2;      //equals 21
10 | 
11 |         alert(num3);
12 |         alert(num4);
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/IncrementDecrementExample4.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/IncrementDecrementExample4.htm


--------------------------------------------------------------------------------
/edition2/Ch03/LeftShiftExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Left Shift Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var oldValue = 2;             //equal to binary 10
 7 |         var newValue = oldValue << 5; //equal to binary 1000000 which is decimal 64
 8 |         alert(newValue);              //64
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalAndExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical AND Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var found = true;
 7 |         var result = (found && someUndefinedVariable);    //error occurs here
 8 |         alert(result);    //this line never executes
 9 | 
10 | 
11 | 
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalAndExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical AND Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var found = false;
 7 |         var result = (found && someUndefinedVariable);    //no error
 8 |         alert(result);    //works
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalNotExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical Not Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(!false);      //true
 7 |         alert(!"blue");     //false
 8 |         alert(!0);          //true
 9 |         alert(!NaN);        //true
10 |         alert(!"");         //true
11 |         alert(!12345);      //false
12 | 
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalNotExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical Not Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(!!"blue");     //true
 7 |         alert(!!0);          //false
 8 |         alert(!!NaN);        //false
 9 |         alert(!!"");         //false
10 |         alert(!!12345);      //true
11 | 
12 | 
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalOrExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical OR Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var found = true;
 7 |         var result = (found || someUndefinedVariable);    //no error
 8 |         alert(result);    //works
 9 | 
10 |     </script>
11 | 
12 | </head>
13 | <body>
14 |   
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/LogicalOrExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Logical OR Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var found = false;
 7 |         var result = (found || someUndefinedVariable);    //error occurs here
 8 |         alert(result);    //this line never executes
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/ModulusExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Modulus Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(26 % 5);          //1
 7 |         alert(Infinity % 3);    //NaN
 8 |         alert(3 % 0);           //NaN
 9 |         alert(5 % Infinity);    //5
10 |         alert(0 % 10);          //0
11 |         alert(true % 25);       //1
12 |         alert(3 % false);       //NaN
13 |        
14 |     </script>
15 | 
16 | </head>
17 | <body>
18 |   
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/MultiplyExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Multiply Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(5 * 6);           //30
 7 |         alert(5 * NaN);         //NaN
 8 |         alert(Infinity * 0);    //NaN
 9 |         alert(Infinity * 2);    //Infinity
10 |         alert("5" * 5);         //25
11 |         alert(true * 10);       //10
12 |         alert(false * 10);      //0
13 |        
14 |     </script>
15 | 
16 | </head>
17 | <body>
18 |   
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NullExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Null Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var car = null;
 7 |         alert(typeof car);   //"object"
 8 |               
 9 |     </script>
10 | 
11 | </head>
12 | <body>
13 |   
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NullExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Null Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         alert(null == undefined);   
 7 |               
 8 |     </script>
 9 | 
10 | </head>
11 | <body>
12 |   
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Number Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         alert(0.1 + 0.2);
 7 | 
 8 |  
 9 |               
10 |     </script>
11 | 
12 | </head>
13 | <body>
14 |   
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Number Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var result = Number.MAX_VALUE + 1;
 7 |         alert(isFinite(result));    // false
 8 | 
 9 |     </script>
10 | 
11 | </head>
12 | <body>
13 |   
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample3.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/NumberExample3.htm


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Number Example 4</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num1 = Number("Hello world!");  //NaN
 7 |         var num2 = Number("");              //0
 8 |         var num3 = Number("000011");        //11
 9 |         var num4 = Number(true);            //1
10 | 
11 |         alert(num1);
12 |         alert(num2);
13 |         alert(num3);
14 |         alert(num4);
15 | 
16 |     </script>
17 | 
18 | </head>
19 | <body>
20 |   
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample5.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/NumberExample5.htm


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Number Example 6</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num1 = parseInt("AF", 16);        //175
 7 |         var num2 = parseInt("AF");            //NaN
 8 | 
 9 |         alert(num1);
10 |         alert(num2);
11 | 
12 | 
13 |     </script>
14 | 
15 | </head>
16 | <body>
17 |   
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample7.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/NumberExample7.htm


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample8.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/NumberExample8.htm


--------------------------------------------------------------------------------
/edition2/Ch03/NumberExample9.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/NumberExample9.htm


--------------------------------------------------------------------------------
/edition2/Ch03/SignedRightShiftExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Signed Right Shift Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var oldValue = 64;               //equal to binary 1000000
 7 |         var newValue = oldValue >> 5;    //equal to binary 10 which is decimal 2
 8 |         alert(newValue);                 //2
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/SignedRightShiftExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Signed Right Shift Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var oldValue = -64;              //equal to binary -1000000
 7 |         var newValue = oldValue >> 5;    //equal to binary -10 which is decimal -2
 8 |         alert(newValue);                 //-2
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/StringExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var age = 11;
 7 |         var ageAsString = age.toString();    //the string "11"
 8 |         var found = true;
 9 |         var foundAsString = found.toString(); //the string "true"
10 | 
11 |         alert(ageAsString);
12 |         alert(typeof ageAsString);
13 |         alert(foundAsString);
14 |         alert(typeof foundAsString);
15 | 
16 |     </script>
17 | 
18 | </head>
19 | <body>
20 |   
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/StringExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var num = 10;
 7 |         alert(num.toString());       //"10"
 8 |         alert(num.toString(2));      //"1010"
 9 |         alert(num.toString(8));      //"12"
10 |         alert(num.toString(10));     //"10"
11 |         alert(num.toString(16));     //"a"
12 | 
13 | 
14 |     </script>
15 | 
16 | </head>
17 | <body>
18 |   
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/StringExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Example 3</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var value1 = 10;
 7 |         var value2 = true;
 8 |         var value3 = null;
 9 |         var value4;
10 |         
11 |         alert(String(value1));     //"10"
12 |         alert(String(value2));     //"true"
13 |         alert(String(value3));     //"null"
14 |         alert(String(value4));     //"undefined"
15 | 
16 | 
17 | 
18 |     </script>
19 | 
20 | </head>
21 | <body>
22 |   
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/SwitchStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Switch Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var i = 25;
 6 |         
 7 |         switch (i) {
 8 |             case 25: 
 9 |                 alert("25");
10 |                 break;
11 |             case 35: 
12 |                 alert("35");
13 |                 break;
14 |             case 45: 
15 |                 alert("45");
16 |                 break;
17 |             default: 
18 |                 alert("Other");
19 |         }
20 | 
21 |     </script>
22 | </head>
23 | <body>
24 | 
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/SwitchStatementExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Switch Statement Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var i = 25;
 6 |         
 7 |         switch (i) {
 8 |             case 25: 
 9 |                 /* falls through */
10 |             case 35: 
11 |                 alert("25 or 35");
12 |                 break;
13 |             case 45: 
14 |                 alert("45");
15 |                 break;
16 |             default: 
17 |                 alert("Other");
18 |         }
19 | 
20 | 
21 |     </script>
22 | </head>
23 | <body>
24 | 
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/SwitchStatementExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Switch Statement Example 3</title>
 4 |     <script type="text/javascript">
 5 |         switch ("hello world") {
 6 |             case "hello" + " world": 
 7 |                 alert("Greeting was found.");
 8 |                 break;
 9 |             case "goodbye": 
10 |                 alert("Closing was found.");
11 |                 break;
12 |             default: 
13 |                 alert("Unexpected message was found.");
14 |         }
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/SwitchStatementExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Switch Statement Example 4</title>
 4 |     <script type="text/javascript">
 5 |         var num = 25;
 6 |         switch (true) {
 7 |             case num < 0: 
 8 |                 alert("Less than 0.");
 9 |                 break;
10 |             case num >= 0 && num <= 10: 
11 |                 alert("Between 0 and 10.");
12 |                 break;
13 |             case num > 10 && num <= 20: 
14 |                 alert("Between 10 and 20.");
15 |                 break;
16 |             default: 
17 |                 alert("More than 20.");
18 |         }
19 | 
20 |     </script>
21 | </head>
22 | <body>
23 | 
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/TypeofExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>typeof Example</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message = "some string";
 7 |         alert(typeof message);    //"string"
 8 |         alert(typeof 95);         //"number"
 9 | 
10 |       
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UnaryPlusMinusExample1.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/UnaryPlusMinusExample1.htm


--------------------------------------------------------------------------------
/edition2/Ch03/UnaryPlusMinusExample2.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch03/UnaryPlusMinusExample2.htm


--------------------------------------------------------------------------------
/edition2/Ch03/UndefinedExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Undefined Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message;
 7 |         alert(message == undefined);    //true
 8 | 
 9 | 
10 |       
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UndefinedExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Undefined Example 2</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message = undefined;
 7 |         alert(message == undefined);    //true
 8 | 
 9 | 
10 |       
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UndefinedExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Undefined Example 3</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message;     //this variable is declared but has a value of undefined
 7 |         
 8 |         //make sure this variable isn't declared
 9 |         //var age
10 |         
11 |         alert(message);  //"undefined"
12 |         alert(age);      //causes an error
13 | 
14 | 
15 |       
16 |     </script>
17 | 
18 | </head>
19 | <body>
20 |   
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UndefinedExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Undefined Example 4</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var message;     //this variable is declared but has a value of undefined
 7 |         
 8 |         //make sure this variable isn't declared
 9 |         //var age
10 |         
11 |         alert(typeof message);  //"undefined"
12 |         alert(typeof age);      //"undefined"
13 | 
14 | 
15 | 
16 |       
17 |     </script>
18 | 
19 | </head>
20 | <body>
21 |   
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UnsignedRightShiftExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Unsigned Right Shift Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var oldValue = 64;               //equal to binary 1000000
 7 |         var newValue = oldValue >>> 5;   //equal to binary 10 which is decimal 2
 8 |         alert(newValue);                 //2
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/UnsignedRightShiftExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Unsigned Right Shift Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var oldValue = -64;              //equal to binary 11111111111111111111111111000000
 7 |         var newValue = oldValue >>> 5;   //equal to decimal 134217726
 8 |         alert(newValue);                 //134217726
 9 | 
10 | 
11 |     </script>
12 | 
13 | </head>
14 | <body>
15 |   
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/WhileStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>While Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var i = 0;
 6 |         while (i < 10) {
 7 |            i += 2;
 8 |         }
 9 | 
10 |         alert(i);
11 |         
12 |     </script>
13 | 
14 | </head>
15 | <body>
16 |   
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch03/WithStatementExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>With Statement Example 1</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         with(location){
 7 |             var qs = search.substring(1);
 8 |             var hostName = hostname;      //unavailable when viewing from a local file
 9 |             var url = href;
10 |         }
11 | 
12 |         alert(qs);
13 |         alert(hostName);
14 |         alert(url);
15 | 
16 | 
17 | 
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/DeterminingTypeExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Determining Type Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var s = "Nicholas";
 6 |         var b = true;
 7 |         var i = 22;
 8 |         var u;
 9 |         var n = null;
10 |         var o = new Object();
11 |         
12 |         alert(typeof s);   //string
13 |         alert(typeof i);   //number
14 |         alert(typeof b);   //Boolean
15 |         alert(typeof u);   //undefined
16 |         alert(typeof n);   //object
17 |         alert(typeof o);   //object
18 | 
19 |     </script>
20 | </head>
21 | <body>
22 | 
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/DynamicPropertiesExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Dynamic Properties Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var person = new Object();
 6 |         person.name = "Nicholas";
 7 |         alert(person.name);    //"Nicholas"
 8 | 
 9 |     </script>
10 | </head>
11 | <body>
12 | 
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/DynamicPropertiesExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Dynamic Properties Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var name = "Nicholas";
 6 |         name.age = 27;
 7 |         alert(name.age);    //undefined
 8 |     </script>
 9 | </head>
10 | <body>
11 | 
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 1</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         var color = "blue";
 7 |         
 8 |         function changeColor(){
 9 |             if (color === "blue"){
10 |                 color = "red";
11 |             } else {
12 |                 color = "blue";
13 |             }
14 |         }
15 |         
16 |         changeColor();
17 | 
18 |         alert("Color is now " + color);
19 |       
20 |     </script>
21 | 
22 | </head>
23 | <body>
24 |   
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 3</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         function buildUrl() {
 7 |             var qs = "?debug=true";
 8 |         
 9 |             with(location){
10 |                 var url = href + qs;        
11 |             }
12 |         
13 |             return url;
14 |         }
15 | 
16 |         var result = buildUrl();
17 |         alert(result);
18 |       
19 |     </script>
20 | 
21 | </head>
22 | <body>
23 |   
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 4</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         function add(num1, num2) {
 7 |             var sum = num1 + num2;
 8 |             return sum;
 9 |         }
10 |         
11 |         var result = add(10, 20);  //30
12 |         alert(sum);                //causes an error since sum is not a valid variable
13 | 
14 |       
15 |     </script>
16 | 
17 | </head>
18 | <body>
19 |   
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 5</title>
 4 |     <script type="text/javascript">
 5 |           
 6 |         function add(num1, num2) {
 7 |             sum = num1 + num2;
 8 |             return sum;
 9 |         }
10 |         
11 |         var result = add(10, 20);  //30
12 |         alert(sum);                //30
13 | 
14 |       
15 |     </script>
16 | 
17 | </head>
18 | <body>
19 |   
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 6</title>
 4 |     <script type="text/javascript">
 5 |         var color = "blue";
 6 |         
 7 |         function getColor(){
 8 |             return color;
 9 |         }
10 |         
11 |         alert(getColor());  //"blue"
12 | 
13 | 
14 |       
15 |     </script>
16 | 
17 | </head>
18 | <body>
19 |   
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/ExecutionContextExample7.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Execution Context Example 7</title>
 4 |     <script type="text/javascript">
 5 |         var color = "blue";
 6 |         
 7 |         function getColor(){
 8 |             var color = "red";
 9 |             return color;
10 |         }
11 |         
12 |         alert(getColor());  //"red"
13 | 
14 | 
15 |       
16 |     </script>
17 | 
18 | </head>
19 | <body>
20 |   
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/FunctionArgumentsExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Arguments Example 1</title>
 4 |     <script type="text/javascript">
 5 |         function addTen(num) {
 6 |             num += 10;
 7 |             return num;
 8 |         }
 9 |         
10 |         var count = 20
11 |         var result = addTen(count);
12 |         alert(count);    //20
13 |         alert(result);   //10
14 | 
15 |     </script>
16 | </head>
17 | <body>
18 | 
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch04/FunctionArgumentsExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Arguments Example 2</title>
 4 |     <script type="text/javascript">
 5 |         function setName(obj) {
 6 |             obj.name = "Nicholas";
 7 |         }
 8 |         
 9 |         var person = new Object();
10 |         setName(person);
11 |         alert(person.name);    //"Nicholas"
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeConcatExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Concat Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var colors = ["red", "green", "blue"];
 7 |         var colors2 = colors.concat("yellow", ["black", "brown"]);
 8 |         
 9 |         alert(colors);     //red,green,blue        
10 |         alert(colors2);    //red,green,blue,yellow,black,brown
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = new Array(3);      //create an array with three items
 7 |         var names = new Array("Greg");  //create an array with one item, the string "Greg"
 8 | 
 9 |         alert(colors.length);
10 |         alert(names.length);
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample10.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 10</title>
 4 |     <script type="text/javascript">
 5 |         var colors = ["red", "blue"];
 6 |         colors.push("brown");              //add another item
 7 |         colors[3] = "black";               //add an item
 8 |         alert(colors.length);  //4
 9 |         
10 |         var item = colors.pop();           //get the last item
11 |         alert(item);  //"black"
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample11.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 11</title>
 4 |     <script type="text/javascript">
 5 |         var colors = new Array();                      //create an array
 6 |         var count = colors.push("red", "green");       //push two items
 7 |         alert(count);  //2
 8 |         
 9 |         count = colors.push("black");                  //push another item on
10 |         alert(count);  //3
11 |         
12 |         var item = colors.shift();                     //get the first item
13 |         alert(item);   //"red"
14 |         alert(colors.length);  //2
15 | 
16 | 
17 |     </script>
18 | </head>
19 | <body>
20 | 
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample12.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 12</title>
 4 |     <script type="text/javascript">
 5 |         var colors = new Array();                      //create an array
 6 |         var count = colors.unshift("red", "green");    //push two items
 7 |         alert(count);  //2
 8 |         
 9 |         count = colors.unshift("black");               //push another item on
10 |         alert(count);  //3
11 |         
12 |         var item = colors.pop();                     //get the first item
13 |         alert(item);   //"green"
14 |         alert(colors.length);  //2
15 | 
16 | 
17 | 
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample13.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 13</title>
 4 |     <script type="text/javascript">
 5 |         var values = [1, 2, 3, 4, 5];
 6 |         values.reverse();
 7 |         alert(values);       //5,4,3,2,1
 8 |     </script>
 9 | </head>
10 | <body>
11 | 
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample14.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 14</title>
 4 |     <script type="text/javascript">
 5 |         var values = [0, 1, 5, 10, 15];
 6 |         values.sort();
 7 |         alert(values);    //0,1,10,15,5
 8 | 
 9 |     </script>
10 | </head>
11 | <body>
12 | 
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample15.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 15</title>
 4 |     <script type="text/javascript">
 5 |         function compare(value1, value2) {
 6 |             if (value1 < value2) {
 7 |                 return -1;
 8 |             } else if (value1 > value2) {
 9 |                 return 1;
10 |             } else {
11 |                 return 0;
12 |             }
13 |         }
14 |         
15 |         var values = [0, 1, 5, 10, 15];
16 |         values.sort(compare);
17 |         alert(values);    //0,1,5,10,15
18 | 
19 |     </script>
20 | </head>
21 | <body>
22 | 
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample16.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 16</title>
 4 |     <script type="text/javascript">
 5 |         function compare(value1, value2) {
 6 |             if (value1 < value2) {
 7 |                 return 1;
 8 |             } else if (value1 > value2) {
 9 |                 return -1;
10 |             } else {
11 |                 return 0;
12 |             }
13 |         }
14 |         
15 |         var values = [0, 1, 5, 10, 15];
16 |         values.sort(compare);
17 |         alert(values);    //15,10,5,1,0
18 | 
19 |     </script>
20 | </head>
21 | <body>
22 | 
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 3</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = ["red", "blue", "green"];    //creates an array with three strings
 7 |         colors.length = 2;
 8 |         alert(colors[2]);        //undefined
 9 | 
10 |     </script>
11 | </head>
12 | <body>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 4</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = ["red", "blue", "green"];    //creates an array with three strings
 7 |         colors.length = 4;
 8 |         alert(colors[3]);        //undefined
 9 | 
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 5</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = ["red", "blue", "green"];    //creates an array with three strings
 7 |         colors[colors.length] = "black";          //add a color
 8 |         colors[colors.length] = "brown";          //add another color
 9 | 
10 |         alert(colors.length);    //5
11 |         alert(colors[3]);        //black
12 |         alert(colors[4]);        //brown
13 | 
14 |     </script>
15 | </head>
16 | <body>
17 | 
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 6</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = ["red", "blue", "green"];    //creates an array with three strings
 7 |         colors[99] = "black";                     //add a color (position 99)
 8 |         alert(colors.length);  //100
 9 | 
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample7.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 7</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         var colors = ["red", "blue", "green"];    //creates an array with three strings
 7 |         alert(colors.toString());    //red,blue,green
 8 |         alert(colors.valueOf());     //red,blue,green
 9 |         alert(colors);               //red,blue,green
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeExample9.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Example 9</title>
 4 |     <script type="text/javascript">
 5 |         var colors = new Array();                      //create an array
 6 |         var count = colors.push("red", "green");       //push two items
 7 |         alert(count);  //2
 8 |         
 9 |         count = colors.push("black");                  //push another item on
10 |         alert(count);  //3
11 |         
12 |         var item = colors.pop();                       //get the last item
13 |         alert(item);   //"black"
14 |         alert(colors.length);  //2
15 |     </script>
16 | </head>
17 | <body>
18 | 
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeJoinExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Join Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var colors = ["red", "green", "blue"];
 7 |         alert(colors.join(","));      //red,green,blue
 8 |         alert(colors.join("||"));     //red||green||blue
 9 | 
10 |     </script>
11 | </head>
12 | <body>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ArrayTypeSliceExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Type Slice Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var colors = ["red", "green", "blue", "yellow", "purple"];
 7 |         var colors2 = colors.slice(1);
 8 |         var colors3 = colors.slice(1,4);
 9 |         
10 |         alert(colors2);   //green,blue,yellow,purple
11 |         alert(colors3);   //green,blue,yellow
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/BooleanTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Boolean Type Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var falseObject = new Boolean(false);
 7 |         var result = falseObject && true;
 8 |         alert(result);  //true
 9 | 
10 |         var falseValue = false;
11 |         result = falseValue && true;
12 |         alert(result);  //false
13 |         
14 |         alert(typeof falseObject);   //object
15 |         alert(typeof falseValue);    //boolean
16 |         alert(falseObject instanceof Boolean);  //true
17 |         alert(falseValue instanceof Boolean);   //false
18 |         
19 |     </script>
20 | </head>
21 | <body>
22 | 
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/DateTypeConstructorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Date Type Constructor Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         //January 1, 2000 at midnight in local time
 7 |         var y2k = new Date(2000, 0);
 8 |         alert(y2k.toLocaleString());
 9 |         
10 |         //May 5, 2005 at 5:55:55 PM in local time
11 |         var allFives = new Date(2005, 4, 5, 17, 55, 55);
12 |         alert(allFives.toLocaleString());
13 | 
14 | 
15 |     </script>
16 | </head>
17 | <body>
18 | 
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/DateTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Date Type Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var now = new Date();
 7 |         alert(now);
 8 |         
 9 |         var someDate = new Date(Date.parse("May 25, 2004"));
10 |         alert(someDate);
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/DateTypeUTCExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Date Type Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         //January 1, 2000 at midnight
 7 |         var y2k = new Date(Date.UTC(2000, 0));
 8 |         alert(y2k.toUTCString());
 9 |         
10 |         //May 5, 2005 at 5:55:55 PM GMT
11 |         var allFives = new Date(Date.UTC(2005, 4, 5, 17, 55, 55));
12 |         alert(allFives.toUTCString());
13 | 
14 | 
15 |     </script>
16 | </head>
17 | <body>
18 | 
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/DateTypeValueOfExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Date Type ValueOf() Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var date1 = new Date(2007, 0, 1);          //January 1, 2007
 7 |         var date2 = new Date(2007, 1, 1);          //February 1, 2007
 8 |         
 9 |         alert(date1 < date2);  //true
10 |         alert(date1 > date2);  //false
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionDeclarationExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Declaration Example</title>
 4 |     <script type="text/javascript">
 5 |         alert(sum(10,10));    //20
 6 |     
 7 |         function sum(num1, num2){
 8 |             return num1 + num2;
 9 |         }        
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionInitializationExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Declaration Example</title>
 4 |     <script type="text/javascript">
 5 |         alert(sum(10,10));    //causes an error
 6 |     
 7 |         var sum = function(num1, num2){
 8 |             return num1 + num2;
 9 |         }; 
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeApplyMethodExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type apply() Method Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         function sum(num1, num2){
 7 |             return num1 + num2;
 8 |         }
 9 |         
10 |         function callSum1(num1, num2){
11 |             return sum.apply(this, arguments);
12 |         }
13 |         
14 |         function callSum2(num1, num2){
15 |             return sum.apply(this, [num1, num2]);
16 |         }
17 |         
18 |         alert(callSum1(10,10));   //20
19 |         alert(callSum2(10,10));   //20
20 | 
21 |     </script>
22 | </head>
23 | <body>
24 | 
25 | </body>
26 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeArgumentsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type Arguments Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         function factorial(num){
 7 |             if (num <= 1) {
 8 |                 return 1;
 9 |             } else {
10 |                 return num * arguments.callee(num-1)
11 |             }
12 |         }
13 | 
14 |         var trueFactorial = factorial;
15 |         
16 |         factorial = function(){
17 |             return 0;
18 |         };
19 |         
20 |         alert(trueFactorial(5));   //120
21 |         alert(factorial(5));       //0
22 | 
23 | 
24 |     </script>
25 | </head>
26 | <body>
27 | 
28 | </body>
29 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeCallExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type call() Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         window.color = "red";
 7 |         var o = { color: "blue" };
 8 |         
 9 |         function sayColor(){
10 |             alert(this.color);
11 |         }
12 |         
13 |         sayColor();            //red
14 |         
15 |         sayColor.call(this);   //red
16 |         sayColor.call(window); //red
17 |         sayColor.call(o);      //blue
18 | 
19 |     </script>
20 | </head>
21 | <body>
22 | 
23 | </body>
24 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeCallMethodExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type call() Method Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         function sum(num1, num2){
 7 |             return num1 + num2;
 8 |         }
 9 |         
10 |         function callSum(num1, num2){
11 |             return sum.call(this, num1, num2);
12 |         }
13 |         
14 |         alert(callSum(10,10));   //20
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         function sum(num1, num2){
 7 |             return num1 + num2;
 8 |         }        
 9 |         alert(sum(10,10));    //20
10 |         
11 |         var anotherSum = sum;        
12 |         alert(anotherSum(10,10));  //20
13 |         
14 |         sum = null;        
15 |         alert(anotherSum(10,10));  //20
16 |         
17 |     </script>
18 | </head>
19 | <body>
20 | 
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeLengthPropertyExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type Length Property Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         function sayName(name){
 7 |             alert(name);
 8 |         }      
 9 |         
10 |         function sum(num1, num2){
11 |             return num1 + num2;
12 |         }
13 |         
14 |         function sayHi(){
15 |             alert("hi");
16 |         }
17 |         
18 |         alert(sayName.length);  //1
19 |         alert(sum.length);      //2
20 |         alert(sayHi.length);    //0
21 | 
22 |     </script>
23 | </head>
24 | <body>
25 | 
26 | </body>
27 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/FunctionTypeThisExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Function Type this Example</title>
 4 |     <script type="text/javascript">
 5 |         
 6 |         window.color = "red";
 7 |         var o = { color: "blue" };
 8 |         
 9 |         function sayColor(){
10 |             alert(this.color);
11 |         }
12 |         
13 |         sayColor();     //red
14 |         
15 |         o.sayColor = sayColor;
16 |         o.sayColor();   //blue
17 | 
18 | 
19 | 
20 |     </script>
21 | </head>
22 | <body>
23 | 
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/GlobalObjectURIDecodingExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Global Object URI Decoding Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var uri = "http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start";
 7 |         
 8 |         //http%3A%2F%2Fwww.wrox.com%2Fillegal value.htm%23start
 9 |         alert(decodeURI(uri));
10 |         
11 |         //http://www.wrox.com/illegal value.htm#start
12 |         alert(decodeURIComponent(uri));
13 |         
14 |     </script>
15 | </head>
16 | <body>
17 | 
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/GlobalObjectURIEncodingExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Global Object URI Encoding Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var uri = "http://www.wrox.com/illegal value.htm#start";
 7 |         
 8 |         //"http://www.wrox.com/illegal%20value.htm#start"
 9 |         alert(encodeURI(uri));
10 |         
11 |         //"http%3A%2F%2Fwww.wrox.com%2Fillegal%20value.htm%23start"
12 |         alert(encodeURIComponent(uri));
13 | 
14 | 
15 |         
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/GlobalObjectWindowExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Global Object Window Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var color = "red";
 7 |         
 8 |         function sayColor(){
 9 |             alert(window.color);
10 |         }
11 |         
12 |         window.sayColor();  //"red"
13 |         
14 |     </script>
15 | </head>
16 | <body>
17 | 
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/MathObjectMinMaxExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Math Object Min/Max Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var max = Math.max(3, 54, 32, 16);
 7 |         alert(max);    //54
 8 |         
 9 |         var min = Math.min(3, 54, 32, 16);
10 |         alert(min);    //3
11 | 
12 |         
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/MathObjectRandomExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Math Object Random Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var num = Math.floor(Math.random() * 10 + 1);
 6 |         alert(num);    //a number between 1 and 10
 7 |         
 8 |     </script>
 9 | </head>
10 | <body>
11 | 
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/MathObjectRandomExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Math Object Random Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var num = Math.floor(Math.random() * 9 + 2);
 6 |         alert(num);    //a number between 2 and 10
 7 |         
 8 |     </script>
 9 | </head>
10 | <body>
11 | 
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/MathObjectRoundingExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Math Object Rounding Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(Math.ceil(25.9));     //26
 7 |         alert(Math.ceil(25.5));     //26
 8 |         alert(Math.ceil(25.1));     //26
 9 |         
10 |         alert(Math.round(25.9));    //26
11 |         alert(Math.round(25.5));    //26
12 |         alert(Math.round(25.1));    //25
13 |                 
14 |         alert(Math.floor(25.9));    //25
15 |         alert(Math.floor(25.5));    //25
16 |         alert(Math.floor(25.1));    //25
17 |         
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ObjectTypeExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Object Type Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var person = new Object();
 6 |         person.name = "Nicholas";
 7 |         person.age = 29;
 8 | 
 9 |         alert(person.name);
10 |         alert(person.age);
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ObjectTypeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Object Type Example 2</title>
 4 |     <script type="text/javascript">
 5 |         var person = {
 6 |             name : "Nicholas",
 7 |             age : 29
 8 |         };
 9 | 
10 |         alert(person.name);
11 |         alert(person.age);
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ObjectTypeExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Object Type Example 3</title>
 4 |     <script type="text/javascript">
 5 |         var person = {
 6 |             "name" : "Nicholas",
 7 |             "age" : 29
 8 |         };
 9 | 
10 |         alert(person.name);
11 |         alert(person.age);
12 | 
13 |     </script>
14 | </head>
15 | <body>
16 | 
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/PrimitiveWrapperTypesExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Primitive Wrapper Types Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var falseObject = new Boolean(false);
 7 |         var result = falseObject && true;
 8 |         alert(result);  //true
 9 | 
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/ReferenceTypeExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Reference Type Example 1</title>
 4 |     <script type="text/javascript">
 5 |         var obj1 = new Object();
 6 |         var obj2 = obj1;
 7 |         obj1.name = "Nicholas";
 8 |         alert(obj2.name);    //"Nicholas"
 9 | 
10 | 
11 |     </script>
12 | </head>
13 | <body>
14 | 
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/RegExpConstructorPropertiesExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>RegExp Constructor Properties Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var text = "this has been a short summer";
 7 |         var pattern = /(..)or(.)/g;
 8 |               
 9 |         if (pattern.test(text)){
10 |             alert(RegExp.$1);       //sh
11 |             alert(RegExp.$2);       //t
12 |         }
13 | 
14 |     </script>
15 | </head>
16 | <body>
17 | 
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/RegExpExecExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>RegExp exec() Example</title>
 4 |     <script type="text/javascript">
 5 |         var text = "mom and dad and baby";
 6 |         
 7 |         var pattern = /mom( and dad( and baby)?)?/gi;
 8 |         var matches = pattern.exec(text);
 9 |         
10 |         alert(matches.index);    //0
11 |         alert(matches.input);    //"mom and dad and baby"
12 |         alert(matches[0]);       //"mom and dad and baby"
13 |         alert(matches[1]);       //" and dad and baby"
14 |         alert(matches[2]);       //" and baby"
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/RegExpTestExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>RegExp test() Example</title>
 4 |     <script type="text/javascript">
 5 |         var text = "cat, bat, sat, fat";        
 6 |         var pattern = /.at/;
 7 |         
 8 |         if (pattern.test(text)){
 9 |             alert("The pattern was matched.");
10 |         }
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/RegExpToStringExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>RegExp toString() Example</title>
 4 |     <script type="text/javascript">
 5 |       
 6 |         var pattern = new RegExp("\\[bc\\]at", "gi");
 7 |         alert(pattern.toString());    // /\[bc\]at/gi
 8 |         alert(pattern.toLocaleString());    // /\[bc\]at/gi
 9 | 
10 |     </script>
11 | </head>
12 | <body>
13 | 
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/StringTypeCaseMethodExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Type Case Methods Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var stringValue = "hello world";
 7 |         alert(stringValue.toLocaleUpperCase());  //"HELLO WORLD"
 8 |         alert(stringValue.toUpperCase());        //"HELLO WORLD"
 9 |         alert(stringValue.toLocaleLowerCase());  //"hello world"
10 |         alert(stringValue.toLowerCase());        //"hello world"
11 | 
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/StringTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Type Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var stringObject = new String("hello world");
 7 |         var stringValue = "hello world";
 8 |         
 9 |         alert(typeof stringObject);   //"object"
10 |         alert(typeof stringValue);    //"string"
11 |         alert(stringObject instanceof String);  //true
12 |         alert(stringValue instanceof String);   //false
13 |         
14 |     </script>
15 | </head>
16 | <body>
17 | 
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/StringTypeFromCharCodeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Type fromCharCode() Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         alert(String.fromCharCode(104, 101, 108, 108, 111)); //"hello"
 7 |         
 8 |     </script>
 9 | </head>
10 | <body>
11 | 
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/StringTypeLocationMethodsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Type Location Methods Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var stringValue = "hello world";
 7 |         alert(stringValue.indexOf("o"));         //4
 8 |         alert(stringValue.lastIndexOf("o"));     //7
 9 |         alert(stringValue.indexOf("o", 6));         //7
10 |         alert(stringValue.lastIndexOf("o", 6));     //4                
11 |         
12 |     </script>
13 | </head>
14 | <body>
15 | 
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch05/StringTypeLocationMethodsExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Type Location Methods Example 2</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
 7 |         var positions = new Array();
 8 |         var pos = stringValue.indexOf("e");
 9 |         
10 |         while(pos > -1){
11 |             positions.push(pos);
12 |             pos = stringValue.indexOf("e", pos + 1);
13 |         }
14 |             
15 |         alert(positions);    //"3,24,32,35,52"
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch06/CreatingObjectsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Creating Objects Example</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var person = new Object();
 7 |         person.name = "Nicholas";
 8 |         person.age = 29;
 9 |         person.job = "Software Engineer";
10 |         person.sayName = function(){
11 |             alert(this.name);
12 |         };
13 |         
14 |         person.sayName();
15 | 
16 |     </script>
17 | </head>
18 | <body>
19 | 
20 | </body>
21 | </html>


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypeChainingExample3.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch06/PrototypeChainingExample3.htm


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample11.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Prototype Pattern Example 9</title>
 4 |     <script type="text/javascript">
 5 |                     
 6 |                     
 7 |         alert(typeof Array.prototype.sort);         //"function"
 8 |         alert(typeof String.prototype.substring);   //"function"
 9 | 
10 |         String.prototype.startsWith = function (text) {
11 |             return this.indexOf(text) == 0;
12 |         };
13 |         
14 |         var msg = "Hello world!";
15 |         alert(msg.startsWith("Hello"));   //true
16 |         
17 |     </script>
18 | </head>
19 | <body>
20 | 
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample2.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch06/PrototypePatternExample2.htm


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample3.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch06/PrototypePatternExample3.htm


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample4.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch06/PrototypePatternExample4.htm


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Prototype Pattern Example 6</title>
 4 |     <script type="text/javascript">
 5 |     
 6 |         var o = {
 7 |             toString : function(){
 8 |                 return "My Object";
 9 |             }
10 |         }
11 | 
12 |         for (var prop in o){
13 |             if (prop == "toString"){
14 |                 alert("Found toString");
15 |             }
16 |         }
17 | 
18 |     </script>
19 | </head>
20 | <body>
21 | 
22 | </body>
23 | </html>


--------------------------------------------------------------------------------
/edition2/Ch06/PrototypePatternExample9.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch06/PrototypePatternExample9.htm


--------------------------------------------------------------------------------
/edition2/Ch07/BlockScopeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Block Scope Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             function outputNumbers(count){
 9 |                 for (var i=0; i < count; i++){
10 |                     alert(i);
11 |                 }
12 |             
13 |                 alert(i);   //count
14 |             }
15 | 
16 |             outputNumbers(5);
17 |         </script>
18 |      
19 |     </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch07/BlockScopeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Block Scope Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             function outputNumbers(count){
 9 |                 for (var i=0; i < count; i++){
10 |                     alert(i);
11 |                 }
12 |             
13 |                 var i;    //variable re-declared
14 |                 alert(i);   //count
15 |             }
16 | 
17 |             outputNumbers(5);
18 |         </script>
19 |      
20 |     </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch07/BlockScopeExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Block Scope Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             function outputNumbers(count){
 9 |             
10 |                 (function () {
11 |                     for (var i=0; i < count; i++){
12 |                         alert(i);
13 |                     }
14 |                 })();
15 |                 
16 |                 alert(i);   //causes an error
17 |             }
18 | 
19 |             outputNumbers(5);
20 |         </script>
21 |      
22 |     </body>
23 | </html>
24 | 


--------------------------------------------------------------------------------
/edition2/Ch07/RecursionExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Recursion Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             function factorial(num){
 9 |                 if (num <= 1){
10 |                     return 1;
11 |                 } else {
12 |                     return num * factorial(num-1);
13 |                 }
14 |             }
15 | 
16 |             var anotherFactorial = factorial;
17 |             factorial = null;
18 |             alert(anotherFactorial(4));  //error!
19 | 
20 | 
21 |         </script>
22 |      
23 |     </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch07/RecursionExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Recursion Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             function factorial(num){
 9 |                 if (num <= 1){
10 |                     return 1;
11 |                 } else {
12 |                     return num * arguments.callee(num-1);
13 |                 }
14 |             }
15 | 
16 |             var anotherFactorial = factorial;
17 |             factorial = null;
18 |             alert(anotherFactorial(4));  //24
19 | 
20 | 
21 |         </script>
22 |      
23 |     </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch07/ThisObjectExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>This Object Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |         
 8 |             var name = "The Window";
 9 |             
10 |             var object = {
11 |                 name : "My Object",
12 |             
13 |                 getNameFunc : function(){
14 |                     return function(){
15 |                         return this.name;
16 |                     };
17 |                 }
18 |             };
19 |             
20 |             alert(object.getNameFunc()());  //"The Window"
21 | 
22 | 
23 |         </script>
24 |      
25 |     </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/edition2/Ch08/FramesetExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset rows="160,*">
 6 |         <frame src="frame.htm" name="topFrame" />
 7 |         <frameset cols="50%,50%">
 8 |             <frame src="anotherframe.htm" name="leftFrame" />
 9 |             <frame src="yetanotherframe.htm" name="rightFrame" />
10 |         </frameset>
11 |     </frameset>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition2/Ch08/IntervalExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Interval Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 | 
 8 |             //avoid!
 9 |             setInterval("alert('Hello world!') ", 10000);
10 |             
11 |             //preferred
12 |             setInterval(function() { 
13 |                 alert("Hello world!"); 
14 |             }, 10000);            
15 | 
16 | 
17 |         </script>
18 |     </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch08/LocationExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>You won't be able to get back here</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>Enjoy this page for a second, because you won't be coming back here.</p>
 7 |         <script type="text/javascript">
 8 |             setTimeout(function () {
 9 |                 location.replace("http://www.wrox.com/");
10 |             }, 1000);
11 |         </script>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition2/Ch08/LocationReplaceExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>You won't be able to get back here</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>Enjoy this page for a second, because you won't be coming back here.</p>
 7 |         <script type="text/javascript">
 8 |             setTimeout(function () {
 9 |                 location.replace("http://www.wrox.com/");
10 |             }, 1000);
11 |         </script>
12 |     </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition2/Ch08/SystemDialogExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>System Dialogs Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 | 
 8 |             alert("Hello world!");
 9 |         </script>
10 |     </body>
11 | </html>
12 | 


--------------------------------------------------------------------------------
/edition2/Ch08/SystemDialogExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>System Dialogs Example 2</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 | 
 8 |             if (confirm("Are you sure?")) {
 9 |                 alert("I'm so glad you're sure! ");
10 |             } else {
11 |                  alert("I'm sorry to hear you're not sure. ");
12 |             }
13 | 
14 |         </script>
15 |     </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch08/SystemDialogExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>System Dialogs Example 3</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 | 
 8 |             var result = prompt("What is your name? ", "");
 9 |             if (result !== null) {
10 |              alert("Welcome, " + result);
11 |             }
12 | 
13 |         </script>
14 |     </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch08/TimeoutExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Timeout Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 | 
 8 |             //avoid!
 9 |             setTimeout("alert('Hello world!') ", 1000);
10 |             
11 |             //preferred
12 |             setTimeout(function() { 
13 |                 alert("Hello world!"); 
14 |             }, 1000);
15 | 
16 |         </script>
17 |     </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch08/TimeoutExample2.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch08/TimeoutExample2.htm


--------------------------------------------------------------------------------
/edition2/Ch08/WindowOpenExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Window Open Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <p>This will open a new window/tab:
 7 |         <input type="button" value="Go to Wrox.com" onclick="window.open('http://www.wrox.com/')" /></p>
 8 |         <p>This will open in the current window/tab:
 9 |         <input type="button" value="Go to Wrox.com" onclick="window.open('http://www.wrox.com/', '_self')" /></p>
10 |         
11 |     </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition2/Ch08/WindowPositionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Window Position Example</title>
 4 |     </head>
 5 |     <body>
 6 |         <script type="text/javascript">
 7 |             var leftPos = (typeof window.screenLeft == "number") ? 
 8 |                               window.screenLeft : window.screenX;
 9 |             var topPos = (typeof window.screenTop == "number") ? 
10 |                               window.screenTop : window.screenY;
11 | 
12 |             alert("Left: " + leftPos);
13 |             alert("Top: " + topPos);
14 |         </script>
15 |     </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch08/WindowPositionExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Window Position Example 2</title>
 4 |     </head>
 5 |     <body>
 6 |         <input type="button" value="Move to (0,0)" onclick="moveTo(0,0)" />
 7 |         <input type="button" value="Move by (50,50)" onclick="moveBy(50,50)" />
 8 |     </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch08/WindowSizeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Window Size Example 2</title>
 4 |     </head>
 5 |     <body>
 6 |         <input type="button" value="Resize to (800,600)" onclick="resizeTo(800,600)" />
 7 |         <input type="button" value="Resize by (50,50)" onclick="resizeBy(50,50)" />
 8 |     </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch08/anotherframe.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>leftFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>leftFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch08/anotherframeset.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset cols="50%,50%">
 6 |         <frame src="red.htm" name="redFrame" />
 7 |         <frame src="blue.htm" name="blueFrame" />
 8 |     </frameset>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch08/blue.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>blueFrame</title>
 6 | </head>
 7 | <body style="background-color: blue; color: white">
 8 |     <h1>blueFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch08/frame.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>topFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>topFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch08/frameset1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 |     <head>
 3 |         <title>Frameset Example</title>
 4 |     </head>
 5 |     <frameset rows="100,*">
 6 |         <frame src="frame.htm" name="topFrame" />
 7 |         <frameset cols="50%,50%">
 8 |             <frame src="anotherframe.htm" name="leftFrame" />
 9 |             <frame src="anotherframeset.htm" name="rightFrame" />
10 |         </frameset>
11 |     </frameset>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition2/Ch08/red.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>redFrame</title>
 6 | </head>
 7 | <body style="background-color: red; color: white">
 8 |     <h1>redFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch08/yetanotherframe.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 2 | 
 3 | <html>
 4 | <head>
 5 | <title>rightFrame</title>
 6 | </head>
 7 | <body>
 8 |     <h1>rightFrame</h1>
 9 |     <table border="1">
10 |         <tr>
11 |             <td>window.name =</td><td><script>document.write(window.name)</script></td>
12 |         </tr>
13 |         <tr>
14 |             <td>top.name =</td><td><script>document.write(top.name)</script></td>
15 |         </tr>
16 |         <tr>
17 |             <td>parent.name =</td><td><script>document.write(parent.name)</script></td>
18 |         </tr>
19 |     </table>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch10/CommentNodeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Comment Node Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv"><!-- A comment --></div>
 7 |     <input type="button" value="Get Comment" onclick="getComment()" />
 8 | 
 9 |     <script type="text/javascript">
10 |         function getComment(){
11 |         
12 |             var div = document.getElementById("myDiv");
13 |             var comment = div.firstChild;
14 |             alert(comment.data);
15 |             
16 |         }
17 | 
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/CompareDocumentPositionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>CompareDocumentPosition Example</title>
 4 | </head>
 5 | <body>
 6 | 
 7 |     <input type="button" value="Does html contain body?" onclick="getContains()" />
 8 | 
 9 |     <script type="text/javascript">
10 |         function getContains(){
11 |             var result = document.documentElement.compareDocumentPosition(document.body);
12 |             alert(!!(result && 16));
13 |             
14 |         }
15 | 
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/ContainsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Contains Example</title>
 4 | </head>
 5 | <body>
 6 | 
 7 |     <input type="button" value="Does html contain body?" onclick="getContains()" />
 8 | 
 9 |     <script type="text/javascript">
10 |         function getContains(){
11 |             alert(document.documentElement.contains(document.body)); //true
12 |             
13 |         }
14 | 
15 |     </script>
16 | </body>
17 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/DocumentWriteExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>document.write() Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>The current date and time is:
 7 |     <script type="text/javascript">
 8 |         document.write("<strong>" + (new Date()).toString() + "</strong>");
 9 |     </script>
10 |     </p>
11 | </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition2/Ch10/DocumentWriteExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>document.write() Example 2</title>
 4 | </head>
 5 | <body>
 6 |     <p>Because the string &quot;</script>&quot; is included with <code>document.write()</code>,
 7 |     the script tag is closed before reaching its natural end. That means you'll see some extra
 8 |     text here:</p>
 9 |     <script type="text/javascript">
10 |         document.write("<script type=\"text\javascript\" src=\"file.js\">" +   
11 |             "</script>");
12 |     </script>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition2/Ch10/DocumentWriteExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>document.write() Example 3</title>
 4 | </head>
 5 | <body>
 6 |     <p>No extra characters here:</p>
 7 |     <script type="text/javascript">
 8 |         document.write("<script type=\"text\javascript\" src=\"file.js\">" +   
 9 |             "</scr" + "ipt>");
10 |     </script>
11 | </body>
12 | </html>
13 | 


--------------------------------------------------------------------------------
/edition2/Ch10/DocumentWriteExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>document.write() Example 4</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is some content that you won't get to see because it will be overwritten.</p>
 7 |     <script type="text/javascript">
 8 |         window.onload = function(){
 9 |             document.write("Hello world!");
10 |         };
11 |     </script>
12 | </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition2/Ch10/DynamicScriptExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Dynamic Script Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>You should see an alert saying &quot;hi&quot; after clicking the button.</p>
 7 |     <input type="button" value="Add Script" onclick="addScript()" />
 8 | 
 9 |     <script type="text/javascript">
10 |         function addScript(){
11 |             var script = document.createElement("script");
12 |             script.type = "text/javascript";
13 |             script.text = "function sayHi(){alert('hi');}";
14 |             document.body.appendChild(script);
15 |             sayHi();
16 |         }
17 | 
18 |     </script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/ElementChildrenExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Create Element Example</title>
 4 | </head>
 5 | <body>
 6 |     <ul id="myList">
 7 |         <li>Item 1</li>
 8 |         <li>Item 2</li>
 9 |         <li>Item 3</li>
10 |     </ul>
11 | 
12 |     <input type="button" value="Count Child Nodes" onclick="countChildren()" />
13 | 
14 |     <script type="text/javascript">
15 |         function countChildren(){
16 |             var ul = document.getElementById("myList");
17 |             alert(ul.childNodes.length);   //3 in IE, 7 in others
18 |         }
19 | 
20 |     </script>
21 | </body>
22 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/ElementChildrenExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Create Element Example</title>
 4 | </head>
 5 | <body>
 6 |     <ul id="myList"><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>
 7 | 
 8 |     <input type="button" value="Count Child Nodes" onclick="countChildren()" />
 9 | 
10 |     <script type="text/javascript">
11 |         function countChildren(){
12 |             var ul = document.getElementById("myList");
13 |             alert(ul.childNodes.length);   //3 in all browsers
14 |         }
15 | 
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/GetElementByIdExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>getElementById() Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv">This <code>div</code> should be retrieved by clicking the button.</div>
 7 |     <input type="button" value="Get 'myDiv'" onclick="getDiv()" />
 8 |     <script type="text/javascript">
 9 |         function getDiv(){
10 |             alert(document.getElementById("myDiv"));
11 |         }
12 |     
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/GetElementByIdExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>getElementById() Example 2</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv">This <code>div</code> should <em>not</em> be retrieved by clicking the button.</div>
 7 |     <input type="button" value="Get 'myDiv'" onclick="getDiv()" />
 8 |     <script type="text/javascript">
 9 |         function getDiv(){
10 |             alert(document.getElementById("myDiV"));
11 |         }
12 |     
13 |     </script>
14 | </body>
15 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/GetElementByIdExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>getElementById() Example 3</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv">This <code>div</code> should be retrieved by clicking the button.</div>
 7 |     <div id="myDiv">This <code>div</code> should <em>not</em> be retrieved by clicking the button.</div>
 8 |     <input type="button" value="Get 'myDiv'" onclick="getDiv()" />
 9 |     <script type="text/javascript">
10 |         function getDiv(){
11 |             alert(document.getElementById("myDiv").innerHTML);
12 |         }
13 |     
14 |     </script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/GetElementByIdExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>getElementById() Example 4</title>
 4 | </head>
 5 | <body>
 6 |     <input type="text" value="Form field" name="myElement" />
 7 |     <div id="myElement">This <code>div</code> should be retrieved by clicking the button.</div>
 8 |     <input type="button" value="Get 'myElement'" onclick="getElement()" />
 9 |     <script type="text/javascript">
10 |         function getDiv(){
11 |             alert(document.getElementById("myElement").tagName);   //"INPUT" in IE, "DIV" in other browsers
12 |         }
13 |     
14 |     </script>
15 | </body>
16 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/InnerHtmlExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>InnerHtml Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="content">
 7 |         <p>This is a <strong>paragraph</strong> with a list following it.</p>
 8 |         <ul>
 9 |             <li>Item 1</li>
10 |             <li>Item 2</li>
11 |             <li>Item 3</li>
12 |         </ul>
13 |     </div>
14 | 
15 |     <input type="button" value="Get InnerHTML" onclick="getInnerHTML()" />
16 | 
17 |     <script type="text/javascript">
18 |         function getInnerHTML(){
19 |             var div = document.getElementById("content");
20 |             alert(div.innerHTML);
21 |         }
22 | 
23 |     </script>
24 | </body>
25 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/InnerHtmlExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>InnerHtml Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="content"></div>
 7 |     <p>This works in IE only.</p>
 8 |     <input type="button" value="Set InnerHTML" onclick="setInnerHTML()" />
 9 |     
10 |     <script type="text/javascript">
11 |         function setInnerHTML(){
12 |             var div = document.getElementById("content");
13 |             div.innerHTML = "<div>&nbsp;</div><script defer>alert('hi');</scr" + "ipt>";
14 |             div.removeChild(div.firstChild);
15 |         }
16 | 
17 |     </script>
18 | </body>
19 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/TextNodeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Text Node Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv">Hello world!</div>
 7 | 
 8 |     <input type="button" value="Change Text" onclick="changeText()" />
 9 | 
10 |     <script type="text/javascript">
11 |         function changeText(){
12 |             var div = document.getElementById("myDiv");
13 |             div.firstChild.nodeValue = "Some other message";
14 |         }
15 | 
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch10/TextNodeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Text Node Example 2</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv">Hello world!</div>
 7 | 
 8 |     <input type="button" value="Change Text" onclick="changeText()" />
 9 | 
10 |     <script type="text/javascript">
11 |         function changeText(){
12 |             var div = document.getElementById("myDiv");
13 |             div.firstChild.nodeValue = "Some <strong>other</strong> message";
14 |         }
15 | 
16 |     </script>
17 | </body>
18 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/CreateHTMLDocumentExample.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 | <html>
 3 | <head>
 4 |     <title>DOM Level 2 CreateHTMLDocument Example</title>
 5 | </head>
 6 | <body>
 7 |     <script type="text/javascript">
 8 |        
 9 |         var htmldoc = document.implementation.createHTMLDocument("New Doc");
10 |         alert(htmldoc.title);
11 |         alert(typeof htmldoc.body);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/DocumentTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 | <html>
 3 | <head>
 4 |     <title>DOM Level 2 DocumentType Example</title>
 5 | </head>
 6 | <body>
 7 |     <script type="text/javascript">
 8 |         alert(document.doctype.publicId);
 9 |         alert(document.doctype.systemId);
10 |     </script>
11 | </body>
12 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/IFrameElementExample.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 | <html>
 3 | <head>
 4 |     <title>DOM Level 2 IFrame Example</title>
 5 | </head>
 6 | <body>
 7 |     <iframe id="myIFrame" src="javascript:false"></iframe>
 8 |     <script type="text/javascript">
 9 |         var iframe = document.getElementById("myIFrame");
10 |         var iframeDoc = iframe.contentDocument;   //won't work in IE
11 |         alert(iframeDoc);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/IFrameElementExample2.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 | <html>
 3 | <head>
 4 |     <title>DOM Level 2 IFrame Example</title>
 5 | </head>
 6 | <body>
 7 |     <iframe id="myIframe" src="javascript:false"></iframe>
 8 |     <script type="text/javascript">
 9 |         var iframe = document.getElementById("myIframe");
10 |         var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
11 |         alert(iframeDoc);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/IFrameElementExample3.htm:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 | <html>
 3 | <head>
 4 |     <title>DOM Level 2 IFrame Example</title>
 5 | </head>
 6 | <body>
 7 |     <iframe id="myIFrame" src="javascript:false"></iframe>
 8 |     <script type="text/javascript">
 9 |         var iframe = document.getElementById("myIFrame");
10 |         var iframeDoc = iframe.contentWindow;   //won't work in IE
11 |         alert(iframeDoc);
12 |     </script>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch11/UserDataExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>User Data Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="text/javascript">
 7 |         var div = document.createElement("div");
 8 |         div.setUserData("name", "Nicholas", function(operation, key, value, src, dest){
 9 |             if (operation == 1){
10 |                 dest.setUserData(key, value, function(){});
11 |             }
12 |         });
13 |         
14 |         var newDiv = div.cloneNode(true);
15 |         alert(newDiv.getUserData("name"));    //"Nicholas"
16 | 
17 |     </script>
18 | 
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch11/stylesheet1.css:
--------------------------------------------------------------------------------
1 | body {
2 |     background-color: silver;
3 | }


--------------------------------------------------------------------------------
/edition2/Ch11/stylesheet2.css:
--------------------------------------------------------------------------------
1 | a {
2 |     color: navy;
3 | }


--------------------------------------------------------------------------------
/edition2/Ch12/BeforeUnloadEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>BeforeUnload Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <div id="myDiv">Try to navigate away from this page.</div>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "beforeunload", function(event){
10 |             event = EventUtil.getEvent(event);
11 |             event.returnValue = "I'm really going to miss you if you go.";
12 |         });
13 | 
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/ButtonExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Button Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <div id="myDiv" style="background-color:red;height:100px;width:100px">Click me</div>
 8 |     <script type="text/javascript">
 9 |         var div = document.getElementById("myDiv");
10 |         EventUtil.addHandler(div, "mousedown", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(EventUtil.getButton(event));       
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/ClientCoordinatesExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Client coordinates Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <div id="myDiv" style="background-color:red;height:100px;width:100px">Click me</div>
 8 |     <script type="text/javascript">
 9 |         var div = document.getElementById("myDiv");
10 |         EventUtil.addHandler(div, "click", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert("Client coordinates: " + event.clientX + "," + event.clientY);        
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/CrossBrowserEventObjectExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Cross-Browser Event Object Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <a href="http://www.nczonline.net/" id="myLink">Click Me</a>
 8 |     <p>This link will not navigate when clicked.</p>
 9 |     <script type="text/javascript">
10 |         var link = document.getElementById("myLink");
11 |         link.onclick = function(event){
12 |             event = EventUtil.getEvent(event);
13 |             EventUtil.preventDefault(event);
14 |         };    
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMContentLoadedEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOMContentLoaded Event Example</title>
 4 |     <script type="text/javascript" src="client.js"></script>
 5 |     <script type="text/javascript" src="EventUtil.js"></script>
 6 | </head>
 7 | <body>
 8 |     <div id="myDiv">DOMContentLoaded example - works only in Opera and Firefox</div>
 9 |     <script type="text/javascript">
10 |     EventUtil.addHandler(window, "DOMContentLoaded", function(event){
11 |         alert("Content loaded.");
12 |     });
13 |     EventUtil.addHandler(window, "load", function(event){
14 |         alert("Window loaded.");
15 |     });
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMEventObjectExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <script type="text/javascript">
 8 |         var btn = document.getElementById("myBtn");
 9 |         btn.onclick = function(event){
10 |             alert(event.currentTarget === this);
11 |             alert(event.target === this);
12 |         };        
13 |     </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMEventObjectExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <script type="text/javascript">
 8 |         document.body.onclick = function(event){
 9 |             alert(event.currentTarget === document.body);   //true
10 |             alert(this === document.body);                  //true
11 |             alert(event.target === document.getElementById("myBtn")); //true
12 |         };       
13 |     </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMEventObjectExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <a href="http://www.nczonline.net/" id="myLink">Click Me</a>
 7 |     <p>This link will not navigate when clicked.</p>
 8 |     <script type="text/javascript">
 9 |         var link = document.getElementById("myLink");
10 |         link.onclick = function(event){
11 |             event.preventDefault();
12 |         };    
13 |     </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMEventObjectExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" value="Click Me" id="myBtn" />
 7 |     <script type="text/javascript">
 8 |         var btn = document.getElementById("myBtn");
 9 |         btn.onclick = function(event){
10 |             alert("Clicked");
11 |             event.stopPropagation();
12 |         };
13 |         
14 |         document.body.onclick = function(event){
15 |             alert("Body clicked");
16 |         };
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMLevel0EventHandlerExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Level 0 Event Handler Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <input type="button" id="myRemoveBtn" value="Remove Event Handler" />
 8 |     <script type="text/javascript">
 9 |         var btn = document.getElementById("myBtn");
10 |         btn.onclick = function(){
11 |             alert(this.id);
12 |         };
13 |         
14 |         var removeBtn = document.getElementById("myRemoveBtn");
15 |         removeBtn.onclick = function(){
16 |             btn.onclick = null;
17 |         };
18 |     </script>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMLevel2EventHandlerExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Level 2 Event Handler Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <p>This example won't work in Internet Explorer.</p>
 8 |     <script type="text/javascript">
 9 |         var btn = document.getElementById("myBtn");
10 |         btn.addEventListener("click", function(){
11 |             alert(this.id);
12 |         }, false);
13 |         btn.addEventListener("click", function(){
14 |             alert("Hello world!");
15 |         }, false);
16 | 
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMMouseScrollEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOMMouseScroll Event Example</title>
 4 |     <script type="text/javascript" src="client.js"></script>
 5 |     <script type="text/javascript" src="EventUtil.js"></script>
 6 | </head>
 7 | <body>
 8 |     <div id="myDiv">Try scrolling your mouse wheel (Firefox only).</div>
 9 |     <script type="text/javascript">
10 |         EventUtil.addHandler(window, "DOMMouseScroll", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(event.detail);
13 |         });
14 | 
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch12/DOMSubtreeModifiedEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOMSubtreeModified Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <p>Scroll event example - scroll the browser window.</p>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "load", function(event){
10 |             document.body.appendChild(document.createTextNode("Hello world!"));
11 |         });
12 |         EventUtil.addHandler(document, "DOMSubtreeModified", function(event){
13 |             alert(event.type);
14 |         });
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch12/HTMLEventHandlerExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>HTML Event Handler Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" value="Click Me" onclick="alert('Clicked')" />
 7 |     <input type="button" value="Click Me" onclick="alert(&quot;Clicked&quot;)" />
 8 |     <script type="text/javascript">
 9 |         function showMessage(){
10 |             alert("Hello world!");
11 |         }
12 |     </script>
13 |     <input type="button" value="Click Me" onclick="showMessage()" />
14 |     <input type="button" value="Click Me" onclick="try{showMessage();}catch(ex){}" />
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/IEEventHandlerExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Internet Explorer Event Handler Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <p>This example works only in Internet Explorer.</p>
 8 |     <script type="text/javascript">
 9 |         var btn = document.getElementById("myBtn");
10 |         btn.attachEvent("onclick", function(){
11 |             alert("Clicked");
12 |         });
13 |         btn.attachEvent("onclick", function(){
14 |             alert("Hello world!");
15 |         });
16 | 
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch12/IEEventObjectExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>IE Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <input type="button" id="myBtn" value="Click Me" />
 7 |     <p>This example only works in Internet Explorer.</p>
 8 |     <script type="text/javascript">
 9 |         var btn = document.getElementById("myBtn");
10 |         btn.onclick = function(){
11 |             alert(window.event.srcElement === this);      //true
12 |         };
13 |         
14 |         btn.attachEvent("onclick", function(event){
15 |             alert(event.srcElement === this);             //false
16 |         });
17 |       
18 |     </script>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch12/IEEventObjectExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>IE Event Object Example</title>
 4 | </head>
 5 | <body>
 6 |     <a href="http://www.nczonline.net/" id="myLink">Click Me</a>
 7 |     <p>This link will not navigate when clicked.</p>
 8 |     <p>This example only works in Internet Explorer.</p>
 9 |     <script type="text/javascript">
10 |         var link = document.getElementById("myLink");
11 |         link.onclick = function(){
12 |             window.event.returnValue = false;
13 |         };    
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/IEEventObjectExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>IE Event Object Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="button" value="Click Me" id="myBtn" />
 8 |     <p>This example works only in Internet Explorer.</p>
 9 |     <script type="text/javascript">
10 |         var btn = document.getElementById("myBtn");
11 |         btn.onclick = function(){
12 |             alert("Clicked");
13 |             window.event.cancelBubble = true;
14 |         };
15 |         
16 |         document.body.onclick = function(event){
17 |             alert("Body clicked");
18 |         };
19 |     </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch12/KeyDownEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Keydown Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="text" id="myText" />
 8 |     <script type="text/javascript">
 9 |         var textbox = document.getElementById("myText");
10 |         EventUtil.addHandler(textbox, "textInput", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(event.data);     
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/KeyPressEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Keypress Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="text" id="myText" />
 8 |     <script type="text/javascript">
 9 |         var textbox = document.getElementById("myText");
10 |         EventUtil.addHandler(textbox, "keypress", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(EventUtil.getCharCode(event));     
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/KeyUpEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Keyup Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="text" id="myText" />
 8 |     <script type="text/javascript">
 9 |         var textbox = document.getElementById("myText");
10 |         EventUtil.addHandler(textbox, "keyup", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(event.keyCode);     
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/KeyboardEventsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Keyboard Events Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="text" id="myText" />
 8 |     <script type="text/javascript">
 9 |         var textbox = document.getElementById("myText");
10 |         EventUtil.addHandler(textbox, "keyup", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(event.keyCode);     
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <p>Load event example.</p>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "load", function(event){
10 |             event = EventUtil.getEvent(event);
11 |             var target = EventUtil.getTarget(event);
12 |             alert(target);
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body onload="alert('Loaded!')">
 7 |     <p>Load event example.</p>
 8 | </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <img src="smile.gif" onload="alert('Image loaded.')" />
 8 | </body>
 9 | </html>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample4.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <img src="smile.gif" id="myImage" />
 8 |     <script type="text/javascript">
 9 |         var image = document.getElementById("myImage");
10 |         EventUtil.addHandler(image, "load", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert(EventUtil.getTarget(event).src);
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample5.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <script type="text/javascript">
 8 |         EventUtil.addHandler(window, "load", function(){
 9 |             var image = document.createElement("img");
10 |             EventUtil.addHandler(image, "load", function(event){
11 |                 event = EventUtil.getEvent(event);
12 |                 alert(EventUtil.getTarget(event).src);
13 |             });
14 |             document.body.appendChild(image);
15 |             image.src = "smile.gif";            
16 |         });
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch12/LoadEventExample6.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Load Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <script type="text/javascript">
 8 |         EventUtil.addHandler(window, "load", function(){
 9 |             var image = new Image();
10 |             EventUtil.addHandler(image, "load", function(event){
11 |                 alert("Image loaded!");
12 |             });
13 |             image.src = "smile.gif";            
14 |         });
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch12/ResizeEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Resize Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <p>Resize event example - resize the browser window.</p>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "resize", function(event){
10 |             alert("Resized");
11 |         });
12 |     </script>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition2/Ch12/ScreenCoordinatesExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Screen Coordinates Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <div id="myDiv" style="background-color:red;height:100px;width:100px">Click me</div>
 8 |     <script type="text/javascript">
 9 |         var div = document.getElementById("myDiv");
10 |         EventUtil.addHandler(div, "click", function(event){
11 |             event = EventUtil.getEvent(event);
12 |             alert("Screen coordinates: " + event.screenX + "," + event.screenY);        
13 |         });
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch12/TextInputEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>TextInput Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <input type="text" id="myText" />
 8 |     <p>This example only works in browsers that support the <code>textInput</code> event.</p>
 9 |     <script type="text/javascript">
10 |         var textbox = document.getElementById("myText");
11 |         EventUtil.addHandler(textbox, "textInput", function(event){
12 |             event = EventUtil.getEvent(event);
13 |             alert(event.data);     
14 |         });
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch12/UnloadEventExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Unload Event Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <p>Unload event example - navigate to another page or close this tab/window to fire the event.</p>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "unload", function(event){
10 |             alert("Unloaded");
11 |         });
12 |     </script>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition2/Ch12/example.css:
--------------------------------------------------------------------------------
1 | body {
2 |     background-color: red;
3 | }


--------------------------------------------------------------------------------
/edition2/Ch12/example.js:
--------------------------------------------------------------------------------
1 | function sayHi(){
2 |     alert("hi!");
3 | }


--------------------------------------------------------------------------------
/edition2/Ch12/smile.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch12/smile.gif


--------------------------------------------------------------------------------
/edition2/Ch13/blank.htm:
--------------------------------------------------------------------------------
1 | <html>
2 |     <head>
3 |         <title>Blank Page for Rich Text Editing</title>
4 |     </head>
5 |     <body>
6 |     </body>
7 | </html>
8 | 


--------------------------------------------------------------------------------
/edition2/Ch14/InvalidCharacterExample.htm:
--------------------------------------------------------------------------------
1 | <html>
2 | <head>
3 |     <title>Invalid Character Example</title>
4 |     <script type="text/javascript" src="nonscript.js"></script>
5 | </head>
6 | <body>
7 |     <p>This file will cause an invalid character error in Internet Explorer.</p>
8 | </body>
9 | </html>


--------------------------------------------------------------------------------
/edition2/Ch14/InvalidCharacterExample2.htm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch14/InvalidCharacterExample2.htm


--------------------------------------------------------------------------------
/edition2/Ch14/LongURLErrorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Long URL Error Example (IE-only)</title>
 4 | </head>
 5 | <body>
 6 |     <script type="text/javascript">
 7 |         function createLongUrl(url){
 8 |             var s = "?";
 9 |             for (var i=0, len=2500; i < len; i++){
10 |                 s += "a";
11 |             }
12 |             
13 |             return url + s;
14 |         }
15 |        
16 |         var x = new XMLHttpRequest();
17 |         x.open("get", createLongUrl("http://www.somedomain.com/"), true);
18 |         x.send(null);
19 |     </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch14/OnErrorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>OnError Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="text/javascript">
 7 |         window.onerror = function(message, url, line){
 8 |             alert(message);
 9 |             return false;
10 |         };
11 |         throw new Error("Something bad happened.");
12 |     </script>
13 | </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/edition2/Ch14/OperationAbortedExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Operation Aborted Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>The following code should cause an Operation Aborted error in IE versions prior to 8.</p>
 7 |     <div>
 8 |         <script type="text/javascript">        
 9 |             document.body.appendChild(document.createElement("div"));    
10 |         </script>
11 |     </div>
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch14/OperationAbortedExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Operation Aborted Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>The following code should not cause an Operation Aborted error in IE versions prior to 8.</p>
 7 |     <div>
 8 |         <script type="text/javascript">        
 9 |             document.body.insertBefore(document.createElement("div"), document.body.firstChild);    
10 | 
11 |         </script>
12 |     </div>
13 | </body>
14 | </html>


--------------------------------------------------------------------------------
/edition2/Ch14/OperationAbortedExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Operation Aborted Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>The following code should not cause an Operation Aborted error in IE versions prior to 8.</p>
 7 |     <div>
 8 |     </div>
 9 |     <script type="text/javascript">        
10 |         document.body.appendChild(document.createElement("div"));    
11 |     </script>
12 | </body>
13 | </html>


--------------------------------------------------------------------------------
/edition2/Ch14/TryCatchExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Try-Catch Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="text/javascript">
 7 |         try {
 8 |             window.nonExistentFunction();
 9 |         } catch (error){
10 |             alert(error.message);
11 |         }
12 |         
13 |     </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch14/nonscript.js:
--------------------------------------------------------------------------------
1 | <html>
2 |     <body>
3 |     </body>
4 | </html>


--------------------------------------------------------------------------------
/edition2/Ch14/smile.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch14/smile.gif


--------------------------------------------------------------------------------
/edition2/Ch15/DOMLevel2CoreExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>DOM Level 2 Core Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example will not work in Internet Explorer.</p>
 7 |     <script type="text/javascript">
 8 |     
 9 |         var xmldom = document.implementation.createDocument("", "root", null);
10 |         
11 |         alert(xmldom.documentElement.tagName);  //"root"
12 |        
13 |         var child = xmldom.createElement("child");
14 |         xmldom.documentElement.appendChild(child);
15 | 
16 | 
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch15/XMLSerializerExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>XMLSerializer Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example will not work in Internet Explorer.</p>
 7 |     <script type="text/javascript">
 8 |     
 9 |         var parser = new DOMParser();
10 |         var xmldom = parser.parseFromString("<root><child/></root>", "text/xml");
11 |         
12 |         //convert back into XML
13 |         var serializer = new XMLSerializer();
14 |         var xml = serializer.serializeToString(xmldom);
15 |         alert(xml);
16 | 
17 | 
18 |     </script>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch15/employees.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <employees>
 3 |     <employee title="Software Engineer">
 4 |         <name>Nicholas C. Zakas</name>
 5 |     </employee>
 6 |     <employee title="Salesperson">
 7 |         <name>Jim Smith</name>
 8 |     </employee>
 9 | </employees>
10 | 


--------------------------------------------------------------------------------
/edition2/Ch15/employees.xslt:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 3 | 
 4 |     <xsl:output method="html" />
 5 |     
 6 |     <xsl:template match="/">
 7 |        <ul>
 8 |            <xsl:apply-templates select="*" />
 9 |        </ul>
10 |     </xsl:template>
11 | 
12 |     <xsl:template match="employee">
13 |         <li><xsl:value-of select="name" />, <em><xsl:value-of select="@title" /></em></li>
14 |     </xsl:template>
15 | 
16 | </xsl:stylesheet>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch15/employees2.xslt:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 3 | 
 4 |     <xsl:output method="html" />
 5 | 
 6 |     <xsl:param name="message" />
 7 |         
 8 |     <xsl:template match="/">
 9 |        <ul>
10 |            <xsl:apply-templates select="*" />
11 |        </ul>
12 |        <p>Message: <xsl:value-of select="$message" /></p>
13 |     </xsl:template>
14 | 
15 |     <xsl:template match="employee">
16 |         <li><xsl:value-of select="name" />, <em><xsl:value-of select="@title" /></em></li>
17 |     </xsl:template>
18 | 
19 | </xsl:stylesheet>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch15/employees4.xslt:
--------------------------------------------------------------------------------
 1 | <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 2 | 
 3 |     <xsl:output method="text" />
 4 | 
 5 |     <xsl:template match="/">
 6 |        <xsl:apply-templates select="*" />
 7 |     </xsl:template>
 8 | 
 9 |     <xsl:template match="employee">
10 |         <xsl:value-of select="name" />, <xsl:value-of select="@title" />
11 |     </xsl:template>
12 | 
13 | </xsl:stylesheet>
14 | 


--------------------------------------------------------------------------------
/edition2/Ch15/example.xml:
--------------------------------------------------------------------------------
1 | <?xml version="1.0"?>
2 | <root><child/></root>


--------------------------------------------------------------------------------
/edition2/Ch16/NamespaceExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Namespace Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var messages = <messages>
10 |             <message>Hello world!</message>
11 |         </messages>;
12 |         var wrox = new Namespace("wrox", "http://www.wrox.com/");
13 |         messages.setNamespace(wrox);
14 |         messages.message.setNamespace(wrox);
15 | 
16 |         alert(messages);
17 |         
18 |         alert(messages.wrox::message);
19 |     </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch16/NamespaceTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Namespace Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var ns = new Namespace("http://www.wrox.com");    //default namespace
10 |         var wrox = new Namespace("wrox", "http://www.wrox.com");  //wrox namespace
11 |         
12 |         alert(ns.uri);
13 |         alert(ns.prefix);
14 |         alert(wrox.uri);
15 |         alert(wrox.prefix);
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch16/NamespaceTypeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Namespace Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var xml = <wrox:root xmlns:wrox="http://www.wrox.com/">
10 |                     <wrox:message>Hello World!</wrox:message>
11 |                   </wrox:root>;
12 |         
13 |         var wrox = xml.namespace("wrox");
14 |         alert(wrox.uri);
15 |         alert(wrox.prefix);
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch16/QNameTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>QName Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var wrox = new Namespace("wrox", "http://www.wrox.com/");
10 |         var wroxMessage = new QName(wrox, "message");    //represents "wrox:message"
11 |         
12 |         alert(wroxMessage.uri);        //"http://www.wrox.com/"
13 |         alert(wroxMessage.localName);  //"message"
14 |         alert(wroxMessage);            //"http://www.wrox.com/::message"
15 | 
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch16/QNameTypeExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>QName Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var xml = <wrox:root xmlns:wrox="http://www.wrox.com/">
10 |                     <wrox:message>Hello World!</wrox:message>
11 |                   </wrox:root>;
12 |         
13 |         var wroxRoot = xml.name();
14 |         alert(wroxRoot.uri);
15 |         alert(wroxRoot.localName);
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch16/XMLConstructionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>XML Construction Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |         var tagName = "color";
 9 |         var color = "red";
10 |         var xml = <{tagName}>{color}</{tagName}>;
11 |         
12 |         alert(xml.toXMLString());  //"<color>red</color>"
13 | 
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch16/XMLConstructionExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>XML Construction Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var employees = <employees/>;
10 |         employees.employee.name = "Nicholas C. Zakas";
11 |         employees.employee.@position = "Software Engineer";
12 | 
13 |         employees.employee +=   <employee position="Salesperson">
14 |                                     <name>Jim Smith</name>
15 |                                 </employee>;
16 |         
17 |         alert(employees.toXMLString());
18 | 
19 |     </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch16/XMLListTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>XMLList Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var items =  new XMLList("<item/><item/>");                       
10 |         alert(items.length());
11 | 
12 | 
13 |     </script>
14 | </body>
15 | </html>
16 | 


--------------------------------------------------------------------------------
/edition2/Ch16/XMLTypeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>XML Type Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This example only works in Firefox 1.5+.</p>
 7 |     <script type="text/javascript;e4x=1">
 8 |     
 9 |         var employee =  <employee position="Software Engineer">
10 |                             <name>Nicholas C. Zakas</name>
11 |                         </employee>;
12 |         alert(employee.@position);
13 |         alert(employee.name);
14 | 
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch17/JSONExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>JSON Example</title>
 4 |     <script type="text/javascript" src="json2.js"></script>
 5 | </head>
 6 | <body>
 7 |     <script type="text/javascript">
 8 |     
 9 |         var jsonText = "{\"name\":\"Nicholas C. Zakas\", \"age\":29, \"author\":true }";
10 |         var object = JSON.parse(jsonText);
11 |     
12 |         alert(object.name);  //"Nicholas C. Zakas"
13 | 
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch17/addcontact.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     header("Content-Type: text/plain");
3 |     //you can download a PHP JSON parser from http://pecl.php.net/package/json
4 |     //PHP 5.2 has native JSON support
5 |     
6 |     $jsonData = $GLOBALS['HTTP_RAW_POST_DATA'];
7 |     
8 | ?>
9 | Contact Saved: <?php echo $jsonData ?>


--------------------------------------------------------------------------------
/edition2/Ch17/addressbook.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     header("Content-Type: text/plain");
 3 | ?>
 4 | [
 5 |     {
 6 |         "name": "Nicholas C. Zakas",
 7 |         "email": "nicholas@some-domain-name.com"
 8 |     },
 9 |     {
10 |         "name": "Jim Smith",
11 |         "email": "jimsmith@some-domain-name.com"
12 |     },    {
13 |         "name": "Michael Jones",
14 |         "email": "mj@some-domain-name.com"
15 |     }
16 | ]


--------------------------------------------------------------------------------
/edition2/Ch17/altevents.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     header("Content-Type: text/plain");
 3 |     header("Content-Length: 27");
 4 |     echo "Some data";
 5 |     flush();
 6 |     echo "Some data";
 7 |     flush();
 8 |     echo "Some data";
 9 |     flush();
10 | ?>


--------------------------------------------------------------------------------
/edition2/Ch17/example.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     header("Content-Type: text/plain");
3 |     header("MyHeader: MyNewValue");
4 |     
5 |     echo <<<EOF
6 | Value of MyHeader: {$_SERVER['HTTP_MYHEADER']}
7 | User-agent: {$_SERVER['HTTP_USER_AGENT']}
8 | EOF;
9 | ?>


--------------------------------------------------------------------------------
/edition2/Ch17/example.txt:
--------------------------------------------------------------------------------
1 | Hello world!


--------------------------------------------------------------------------------
/edition2/Ch17/postexample.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     header("Content-Type: text/plain");   
3 |     echo <<<EOF
4 | Name: {$_POST['user-name']}
5 | Email: {$_POST['user-email']}
6 | EOF;
7 | ?>


--------------------------------------------------------------------------------
/edition2/Ch17/timeout.php:
--------------------------------------------------------------------------------
1 | <?php
2 |     header("Content-Type: text/plain");   
3 |     sleep(2000);
4 | ?>


--------------------------------------------------------------------------------
/edition2/Ch17/xdr.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 |     header("Content-Type: text/plain");
 3 |     header("XDomainRequestAllowed: 1");
 4 |     header("Content-Length: 27");
 5 |     echo "Some data";
 6 |     flush();
 7 |     echo "Some data";
 8 |     flush();
 9 |     echo "Some data";
10 |     flush();    
11 | ?>


--------------------------------------------------------------------------------
/edition2/Ch18/DragAndDropExample1.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Drag and Drop Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <div id="myDiv" style="background:red;width:100px;height:100px;position:absolute"></div>
 8 |     <script type="text/javascript">
 9 |     
10 |         EventUtil.addHandler(document, "mousemove", function(event){
11 |             var myDiv = document.getElementById("myDiv");
12 |             myDiv.style.left = event.clientX + "px";
13 |             myDiv.style.top = event.clientY + "px";
14 |         });
15 |         
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch18/RepeatingTimersExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Repeating Timers Example</title>
 4 | </head>
 5 | <body>
 6 |     <div id="myDiv" style="position:absolute;width:100px;height:100px;left:0px;top:10px;background:red;"></div>
 7 | 
 8 |     <script type="text/javascript">
 9 |         setTimeout(function(){
10 |         
11 |            var div = document.getElementById("myDiv");
12 |            var left = parseInt(div.style.left) + 5;
13 |            div.style.left = left + "px";
14 |         
15 |            if (left < 200){
16 |                setTimeout(arguments.callee, 50);
17 |            }
18 |         
19 |         }, 50);
20 | 
21 | 
22 |     </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/dev/src/js/a.js:
--------------------------------------------------------------------------------
1 | function A(){
2 | 
3 | }


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/dev/src/js/aa.js:
--------------------------------------------------------------------------------
1 | function AA(){
2 | 
3 | }


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/dev/src/js/ab.js:
--------------------------------------------------------------------------------
1 | function AB(){
2 | 
3 | }


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/dev/src/js/b.js:
--------------------------------------------------------------------------------
1 | function B(){
2 | 
3 | }


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/dev/src/js/c.js:
--------------------------------------------------------------------------------
1 | function C(){
2 | 
3 | }


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/js/output-min.js:
--------------------------------------------------------------------------------
1 | function A(){}function B(){}function AA(){}function AB(){}function C(){};


--------------------------------------------------------------------------------
/edition2/Ch20/SampleAntDir/js/output.js:
--------------------------------------------------------------------------------
 1 | function A(){
 2 | 
 3 | }function B(){
 4 | 
 5 | }function AA(){
 6 | 
 7 | }function AB(){
 8 | 
 9 | }function C(){
10 | 
11 | }


--------------------------------------------------------------------------------
/edition2/Ch21/OfflineExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Offline Example</title>
 4 |     <script type="text/javascript" src="EventUtil.js"></script>
 5 | </head>
 6 | <body>
 7 |     <p>Try disconnecting your network while viewing this page. In IE8, Firefox 3, and Opera 9.5, the events should fire.</p>
 8 |     <script type="text/javascript">
 9 |         EventUtil.addHandler(window, "offline", function(){
10 |             alert("You just went offline.");
11 |         });
12 |         
13 |         EventUtil.addHandler(window, "online", function(){
14 |             alert("You just went online.");
15 |         });
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch21/smile.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/nzakas/professional-javascript/c66a65ac3ea94b4b1fcb58362a5ced2bc7e26e25/edition2/Ch21/smile.gif


--------------------------------------------------------------------------------
/edition2/Ch22/ArrayEveryAndSomeExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array every() and some() Example</title>
 4 | </head>
 5 | <body>
 6 |     <script>
 7 |         var numbers = [1,2,3,4,5,4,3,2,1];
 8 |         
 9 |         var everyResult = numbers.every(function(item, index, array){
10 |             return (item > 2);
11 |         });
12 |         
13 |         alert(everyResult);       //false
14 |         
15 |         var someResult = numbers.some(function(item, index, array){
16 |             return (item > 2);
17 |         });
18 |         
19 |         alert(someResult);       //true
20 | 
21 | 
22 |     </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ArrayFilterExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array indexOf() Example</title>
 4 | </head>
 5 | <body>
 6 |     <script>
 7 |         var numbers = [1,2,3,4,5,4,3,2,1];
 8 |         
 9 |         var filterResult = numbers.filter(function(item, index, array){
10 |             return (item > 2);
11 |         });
12 |         
13 |         alert(filterResult);   //[3,4,5,4,3]
14 | 
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ArrayGenericsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Generics Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 1.5+.</p>
 7 |     <script>
 8 |         
 9 |         function sortArgs(){
10 |             var args = Array.slice(arguments);
11 |             args.sort();
12 |             return args;        
13 |         }
14 |         
15 |         alert(sortArgs(5,2,9,3));
16 |         
17 |     </script>
18 | </body>
19 | </html>
20 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ArrayMapExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array map() Example</title>
 4 | </head>
 5 | <body>
 6 |     <script>
 7 |         var numbers = [1,2,3,4,5,4,3,2,1];
 8 |         
 9 |         var mapResult = numbers.map(function(item, index, array){
10 |             return item * 2;
11 |         });
12 |         
13 |         alert(mapResult);   //[2,4,6,8,10,8,6,4,2]
14 | 
15 |     </script>
16 | </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ArrayReductionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Array Reduction Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 3+.</p>
 7 |     <script type="application/javascript;version=1.8">
 8 |         
 9 |         var values = [1,2,3,4,5];
10 |         var sum = values.reduce(function(prev, cur, index, array){
11 |             return prev + cur;
12 |         });
13 |         alert(sum);
14 | 
15 | 
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch22/BlockLevelScopesExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Block Level Scopes Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="application/javascript;version=1.7">
 7 |         var num = 5;
 8 |         
 9 |         let (num=10, multiplier=2){
10 |             alert(num * multiplier);    //20
11 |         }
12 |         
13 |         alert(num);   //5
14 | 
15 |         var result = let(num=10, multiplier=2) num * multiplier;
16 |         alert(result);  //20
17 | 
18 | 
19 |     </script>
20 | </body>
21 | </html>
22 | 


--------------------------------------------------------------------------------
/edition2/Ch22/BlockLevelScopesExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Block Level Scopes Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="application/javascript;version=1.7">
 7 |         for (var i=0; i < 10; i++) {
 8 |             //do something
 9 |         }
10 |         
11 |         alert(i);    //10
12 | 
13 |         for (let j=0; j < 10; j++) {
14 |             //do something
15 |         }
16 |         
17 |         alert(j);    //Error!
18 |     </script>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ConstantsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Constants Example</title>
 4 | </head>
 5 | <body>
 6 |     <script>
 7 |         const FLAG = true;
 8 |         FLAG = false;
 9 |         alert(FLAG);
10 | 
11 |     </script>
12 | </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/edition2/Ch22/DestructuringAssignmentExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Destructuring Assignment Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 2+.</p>
 7 |     <script type="application/javascript;version=1.7">
 8 |         
 9 |         var [name, value] = ["color", "red"];
10 |         alert(name);     //"color"
11 |         alert(value);    //"red"
12 |         
13 |         var [, value2] = ["color", "red"];
14 |         alert(value2);    //"red"
15 |         
16 |     </script>
17 | </body>
18 | </html>
19 | 


--------------------------------------------------------------------------------
/edition2/Ch22/DestructuringAssignmentExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Destructuring Assignment Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 2+.</p>
 7 |     <script type="application/javascript;version=1.7">
 8 |         
 9 |         var person = {
10 |             name: "Nicholas",
11 |             age: 29
12 |         };
13 |         
14 |         var { name: personName, age: personAge } = person;
15 |         
16 |         alert(personName);   //"Nicholas"
17 |         alert(personAge);    //29
18 | 
19 |         var { age: personAge2 } = person;
20 |         
21 |         alert(personAge2);    //29
22 | 
23 |         
24 |     </script>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/edition2/Ch22/DestructuringAssignmentExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Destructuring Assignment Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 2+.</p>
 7 |     <script type="application/javascript;version=1.7">
 8 |         
 9 |         var value1 = 5;
10 |         var value2 = 10;
11 |         
12 |         [value2, value1] = [value1, value2];
13 | 
14 |         alert(value1);   //10
15 |         alert(value2);   //5
16 | 
17 |         
18 |     </script>
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/edition2/Ch22/ExpressionClosureExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Expression Closure Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 3+.</p>
 7 |     <script type="application/javascript;version=1.8">
 8 |         
 9 |         function addFive(num) num + 5;
10 |         
11 |         alert(addFive(5));  //10
12 | 
13 |         
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------
/edition2/Ch22/GeneratorExpressionExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Generator Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 2+.</p>
 7 |     <script type="application/javascript;version=1.7">
 8 |         
 9 |         var generator = (i*2 for (i in [0,1,2,3,4,5,6,7,8,9]));
10 |         
11 |         try {
12 |             while(true){
13 |                 document.write(generator.next() + "<br />");
14 |             }
15 |         } catch(ex){
16 |             
17 |         }
18 |         
19 |         generator.close();
20 | 
21 | 
22 |     </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch22/GetterSetterExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Getter/Setter Example</title>
 4 | </head>
 5 | <body>
 6 |     <script>
 7 |         var person = {
 8 |             _name: null,
 9 |         
10 |             get name(){
11 |                 return this._name;
12 |             },
13 |         
14 |             set name(value){
15 |                 if (typeof value == "string"){
16 |                     this._name = value;
17 |                 }
18 |             }
19 |         };
20 |         
21 |         person.name = "Nicholas";
22 |         alert(person.name);    //"Nicholas"
23 | 
24 |     </script>
25 | </body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/edition2/Ch22/IteratorExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Iterator Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="application/javascript;version=1.7">
 7 |         
 8 |         var person = {
 9 |             name: "Nicholas",
10 |             age: 29
11 |         };
12 |         
13 |         var iterator = new Iterator(person);
14 | 
15 |         
16 |         try {
17 |             while(true){
18 |                 let value = iterator.next();
19 |                 document.write(value.join(":") + "<br />");
20 |             }
21 |         } catch(ex){
22 |             
23 |         }
24 |         
25 | 
26 | 
27 |     </script>
28 | </body>
29 | </html>
30 | 


--------------------------------------------------------------------------------
/edition2/Ch22/IteratorExample2.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Iterator Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="application/javascript;version=1.7">
 7 |         
 8 |         var colors = ["red", "green", "blue"];
 9 |         var iterator = new Iterator(colors);
10 |         
11 |         try {
12 |             while(true){
13 |                 let value = iterator.next();
14 |                 document.write(value.join(":") + "<br />");
15 |             }
16 |         } catch(ex){
17 |             
18 |         }
19 |         
20 | 
21 | 
22 |     </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch22/IteratorExample3.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>Iterator Example</title>
 4 | </head>
 5 | <body>
 6 |     <script type="application/javascript;version=1.7">
 7 |         
 8 |         var colors = ["red", "green", "blue"];
 9 |         var iterator = new Iterator(colors, true);
10 |         
11 |         try {
12 |             while(true){
13 |                 let value = iterator.next();
14 |                 document.write(value + "<br />");
15 |             }
16 |         } catch(ex){
17 |             
18 |         }
19 |         
20 | 
21 | 
22 |     </script>
23 | </body>
24 | </html>
25 | 


--------------------------------------------------------------------------------
/edition2/Ch22/StringGenericsExample.htm:
--------------------------------------------------------------------------------
 1 | <html>
 2 | <head>
 3 |     <title>String Generics Example</title>
 4 | </head>
 5 | <body>
 6 |     <p>This is known to work only in Firefox 1.5+.</p>
 7 |     <script>
 8 |         
 9 |         //credit: http://developer.mozilla.org/en/docs/New_in_JavaScript_1.6
10 |         var num = 15;
11 |         alert(String.replace(num, /5/, "2"));   //"12"
12 | 
13 |         
14 |     </script>
15 | </body>
16 | </html>
17 | 


--------------------------------------------------------------------------------