book

JavaScript and Ajax for the Web, Sixth Edition: Visual QuickStart Guide

by Tom Negrino, Dori Smith

August 2006

Beginner

512 pages

11h 8m

English

Peachpit Press

Read now

Unlock full access

Copyright
Dedication
Special Thanks To
Introduction
We Wrote this Book for YouHow to Use this BookYou Say Browser, We Say KumbayaDon’t Type that Code!Time to Get Started
1. Getting Acquainted with JavaScript
What JavaScript IsJavaScript Isn’t JavaWhere JavaScript Came FromWhat JavaScript Can DoWhat JavaScript Can’t DoWhat Is Ajax?The Snap-Together LanguageObjectsPropertiesMethodsPutting the pieces togetherIntroducing the Document Object ModelHandling EventsValues and VariablesOperatorsAssignments and ComparisonsComparisonsWriting JavaScript-Friendly HTMLStructure, presentation, and behaviorDivs and spansClasses and idsWhat Tools to Use?
2. Start Me Up!
Where to Put Your ScriptsAbout FunctionsUsing External ScriptsPutting Comments in ScriptsAlerting the UserConfirming a User’s ChoiceMore about conditionalsPrompting the UserRedirecting the User with a LinkUsing JavaScript to Enhance LinksWorking with Referrer Pages
3. Language Essentials
Around and Around with LoopsMore about loopsPassing a Value to a FunctionDetecting ObjectsWorking with ArraysWorking with Functions That Return ValuesUpdating ArraysUsing Do/While LoopsCalling Scripts Multiple WaysUsing Multi-level ConditionalsHandling Errors
4. Working with Images
Creating RolloversCreating More Effective RolloversBuilding Three-State RolloversTriggering Rollovers from a LinkMaking Multiple Links Change a Single RolloverWorking with Multiple RolloversCreating Cycling BannersAdding Links to Cycling BannersBuilding Wraparound SlideshowsDisplaying a Random ImageCycling Images with a Random Start
5. Frames, Frames, and More Frames
Keeping a Page out of a FrameForcing a Page into a FrameForcing a Site into a FrameSetting a TargetCreating and Loading a Dynamic FrameSharing Functions between FramesStoring Information in FramesLoading Multiple Frames at OnceWorking with IframesLoading Iframes with JavaScript
6. Working with Browser Windows
Opening a New WindowLoading Different Contents into a WindowOpening Multiple WindowsOpening Multiple Windows SimultaneouslyUpdating One Window from AnotherCreating New Pages with JavaScriptClosing a WindowOpening Windows in a Specified LocationMoving Windows to a Specified Location
7. Form Handling
Select-and-Go NavigationChanging Menus DynamicallyMaking Fields RequiredChecking Fields against Each OtherIdentifying Problem FieldsPutting Form Validation into ActionWorking with Radio ButtonsSetting One Field with AnotherValidating Zip CodesValidating Email Addresses

8. Forms and Regular Expressions
Validating an Email Address with Regular ExpressionsValidating a File NameExtracting StringsFormatting StringsFormatting and Sorting StringsFormatting and Validating StringsReplacing Elements using Regular Expressions
9. Handling Events
Handling Window EventsThe onload eventThe onunload eventThe onresize eventThe onmove eventThe onabort eventThe onerror eventThe onfocus eventThe onblur eventMouse Event HandlingThe onmousedown eventThe onmouseup eventThe onmousemove eventThe onmouseover eventThe onmouseout eventThe ondblclick eventThe onclick eventForm Event HandlingThe onsubmit eventThe onreset eventThe onchange eventThe onselect eventThe onclick eventThe onblur eventThe onfocus eventKey Event HandlingThe onkeydown eventThe onkeyup eventThe onkeypress event
10. JavaScript and Cookies
Baking Your First CookieReading a CookieShowing Your CookiesUsing Cookies as CountersDeleting CookiesHandling Multiple CookiesDisplaying “New to You” Messages
11. Introducing CSS
Saying It with StyleStyles with ClassChanging Fonts with CSSChecking Your IDDistinguished LinksEmbedding Styles in StylesAdding Background ImagesPositioning Absolutely
12. Objects and the DOM
About Node ManipulationDOM-2 and the W3CDOM-2 terminologyDOM-3Adding NodesDeleting NodesDeleting Specific NodesInserting NodesReplacing Nodes
13. Making Your Pages Dynamic
Putting the Current Date into a Web PageWorking with DaysCustomizing a Message for the Time of DayDisplaying Dates by Time ZoneConverting Military Time to A.M./P.M.Creating a CountdownMoving an Object in the DocumentDate Methods
14. Applied JavaScript
Using Sliding MenusAdding Pull-Down MenusA Slideshow with CaptionsA Silly Name GeneratorA Bar Graph GeneratorStyle Sheet Switcher
15. Introducing Ajax
Ajax: Pinning It DownReading Server DataParsing Server DataRefreshing Server DataPreviewing Links with AjaxAuto-Completing Form Fields
16. Ajax Toolkits
Dragging and Dropping Page ElementsAdding a Calendar to Your PageAdding a 2-up Calendar to Your PageUsing the Container UtilityAdding Animation EffectsImplementing the Logger Control for Debugging
17. Bookmarklets
Your First BookmarkletChanging a Page’s Background ColorChanging a Page’s StylesWeb-safe ColorsWord LookupsViewing ImagesDisplaying ISO Latin CharactersConverting RGB Values to HexConverting ValuesA Bookmarklet CalculatorValidating Pages
A. JavaScript Genealogy and Reference
JavaScript VersionsNetscape’s JavaScriptMicrosoft’s JScriptAOLECMAScriptBrowsers and JavaScriptObject FlowchartThe Big Object Table
B. JavaScript Reserved Words
C. Cascading Style Sheets Reference
D. Where to Learn More
Finding Help on the WebMozilla sitesCore JavaScript Guide 1.5Core JavaScript Reference 1.5Using Web Standards in Your Web PagesVenkman, the Mozilla JavaScript debuggerOther great JavaScript sitesMicrosoft’s Scripting Languages pageYahoo! User Interface LibraryYahoo! JavaScript Developer CenterYahoo! Design Pattern LibraryQuirksModeWeb Standards Project’s DOM Scripting Task ForceWeblogsDOM Scripting: The BlogAjaxianYahoo! User Interface BlogJavaScript World Scripting ForumsJavaScript Usenet NewsgroupBooksJavaScript, The Definitive GuideJavaScript & DHTML CookbookThe JavaScript Anthology: 101 Essential Tips, Tricks & HacksAjax in Actionppk on JavaScriptHead Rush Ajax

Content preview from JavaScript and Ajax for the Web, Sixth Edition: Visual QuickStart Guide

Chapter 2. Start Me Up!

Enough of the warm up; it’s time to get scripting. In this chapter, you’ll learn where to put your scripts in your HTML; how you can leave comments in your scripts so that you can more easily understand them at a later time; and how you can use scripts to communicate with the user. You’ll also see how to make the page automatically change to another page (called redirection). Let’s get to it!

Table 2.1. Just Enough HTML—The Basics

Tag	Attribute	Meaning
`html`		Contains the HTML part of the Web page
`head`		Contains the header part of the Web page
`script`		Contains the Web page’s script or a reference to the external script file. Usually JavaScript, but not always.
	`language`	The programming language for the script. This attribute has been ...