Chapter 3 Murachs Java Script and j Query

  • Slides: 48
Download presentation
Chapter 3 Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach

Chapter 3 Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 1

Objectives Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach &

Objectives Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 2

Objectives (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach

Objectives (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 3

Methods of the window object Murach's Java. Script and j. Query, C 3 ©

Methods of the window object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 4

Three methods of the document object Murach's Java. Script and j. Query, C 3

Three methods of the document object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 5

Members of the Textbox object Murach's Java. Script and j. Query, C 3 ©

Members of the Textbox object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 6

One method of the Number object Murach's Java. Script and j. Query, C 3

One method of the Number object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 7

How to get a string value from a text box Murach's Java. Script and

How to get a string value from a text box Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 8

How to get a number value from a text box Murach's Java. Script and

How to get a number value from a text box Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 9

Other examples of chaining Murach's Java. Script and j. Query, C 3 © 2012,

Other examples of chaining Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 10

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach &

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 11

How to create a Java. Script object Murach's Java. Script and j. Query, C

How to create a Java. Script object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 12

A few methods of a Date object Murach's Java. Script and j. Query, C

A few methods of a Date object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 13

Properties and methods of a String object Murach's Java. Script and j. Query, C

Properties and methods of a String object Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 14

The code for a web page Murach's Java. Script and j. Query, C 3

The code for a web page Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 15

The DOM for the web page Murach's Java. Script and j. Query, C 3

The DOM for the web page Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 16

The syntax for changing a text node Murach's Java. Script and j. Query, C

The syntax for changing a text node Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 17

The syntax for an anonymous function Murach's Java. Script and j. Query, C 3

The syntax for an anonymous function Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 18

An anonymous function (the $ function) with one parameter that returns a DOM element

An anonymous function (the $ function) with one parameter that returns a DOM element Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 19

An anonymous function with two parameters that returns a value Murach's Java. Script and

An anonymous function with two parameters that returns a value Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 20

The syntax for a named function Murach's Java. Script and j. Query, C 3

The syntax for a named function Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 21

A named function with two parameters that returns a value Murach's Java. Script and

A named function with two parameters that returns a value Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 22

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach &

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 23

A function that uses a local variable named tax Murach's Java. Script and j.

A function that uses a local variable named tax Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 24

A function that uses a global variable named tax Murach's Java. Script and j.

A function that uses a global variable named tax Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 25

A function that inadvertently uses a global variable named tax Murach's Java. Script and

A function that inadvertently uses a global variable named tax Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 26

Best coding practices Murach's Java. Script and j. Query, C 3 © 2012, Mike

Best coding practices Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 27

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach &

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 28

Common events Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach

Common events Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 29

The syntax for attaching an event handler Murach's Java. Script and j. Query, C

The syntax for attaching an event handler Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 30

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach &

Terms Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 31

The HTML for a page Murach's Java. Script and j. Query, C 3 ©

The HTML for a page Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 32

The Java. Script that attaches two event handlers in the onload event handler Murach's

The Java. Script that attaches two event handlers in the onload event handler Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 33

The web browser after the Email Address has been changed Murach's Java. Script and

The web browser after the Email Address has been changed Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 34

The Miles Per Gallon application in a browser Murach's Java. Script and j. Query,

The Miles Per Gallon application in a browser Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 35

The HTML and Java. Script for the application Murach's Java. Script and j. Query,

The HTML and Java. Script for the application Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 36

The HTML and Java. Script (continued) Murach's Java. Script and j. Query, C 3

The HTML and Java. Script (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 37

The Email List application in a web browser Murach's Java. Script and j. Query,

The Email List application in a web browser Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 38

The HTML file for the page Murach's Java. Script and j. Query, C 3

The HTML file for the page Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 39

The HTML file for the page (continued) Murach's Java. Script and j. Query, C

The HTML file for the page (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 40

The Java. Script for the Email List application Murach's Java. Script and j. Query,

The Java. Script for the Email List application Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 41

The Java. Script (continued) Murach's Java. Script and j. Query, C 3 © 2012,

The Java. Script (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 42

The Java. Script (continued) Murach's Java. Script and j. Query, C 3 © 2012,

The Java. Script (continued) Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 43

Exercise 3 -2: Develop a Future Value application Murach's Java. Script and j. Query,

Exercise 3 -2: Develop a Future Value application Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 44

Extra 3 -1: Develop the Sales Tax Calculator Murach's Java. Script and j. Query,

Extra 3 -1: Develop the Sales Tax Calculator Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 45

Extra 3 -2: Develop the Change Calculator Murach's Java. Script and j. Query, C

Extra 3 -2: Develop the Change Calculator Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 46

Extra 3 -3: Develop the Income Tax Calculator Murach's Java. Script and j. Query,

Extra 3 -3: Develop the Income Tax Calculator Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 47

Short 3 -1: Enhance a Future Value application Murach's Java. Script and j. Query,

Short 3 -1: Enhance a Future Value application Murach's Java. Script and j. Query, C 3 © 2012, Mike Murach & Associates, Inc. Slide 48