Download presentation
Presentation is loading. Please wait.
1
© 2015, Mike Murach & Associates, Inc.
Chapter 5 Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
2
© 2015, Mike Murach & Associates, Inc.
Objectives Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
3
Objectives (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
4
© 2015, Mike Murach & Associates, Inc.
The code for a web page Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
5
© 2015, Mike Murach & Associates, Inc.
The DOM for the web page Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
6
The DOM nodes that you commonly use
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
7
Some of the properties of the Node interface
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
8
HTML that contains element and text nodes
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
9
How to get the text of an HTML element with “email_error” as its id
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
10
Method of the Document and Element interfaces
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
11
How to create an array of elements
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
12
How to work with attributes
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
13
The URL for the DOM HTML specification
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
14
Typical properties available with the DOM HTML specification
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
15
How the DOM HTML specification can simplify your code
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
16
Other examples of using the DOM HTML specification
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
17
Other examples of using the DOM HTML specification (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
18
© 2015, Mike Murach & Associates, Inc.
Terms Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
19
The FAQs application in a browser
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
20
The HTML for the FAQs application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
21
© 2015, Mike Murach & Associates, Inc.
The HTML (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
22
The CSS for the FAQs application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
23
The JavaScript for the FAQs application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
24
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
25
© 2015, Mike Murach & Associates, Inc.
A form in a web browser Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
26
© 2015, Mike Murach & Associates, Inc.
The HTML for the form Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
27
The URL that’s sent when the form is submitted with the get method
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
28
Attributes of the form element
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
29
© 2015, Mike Murach & Associates, Inc.
Terms Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
30
Property of a Textbox, Textarea, or Select object
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
31
HTML code for a text box, text area, and select list
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
32
JavaScript code to get the text box, text area, and select list values
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
33
JavaScript code to set the text box, text area, and select list values
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
34
Two properties of a Radio or Checkbox object
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
35
HTML code for two radio buttons and a check box
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
36
JavaScript code to get the radio button and check box values
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
37
JavaScript code to set the radio button and check box values
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
38
Two methods that are commonly used with forms
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
39
Two methods that are commonly used with controls
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
40
© 2015, Mike Murach & Associates, Inc.
Common control events Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
41
Statements that use the reset and submit methods
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
42
An event handler for the onchange event of a select list
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
43
An event handler for the dblclick event of a text box
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
44
An onload event handler that assigns event handlers to events
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
45
The Register application in a browser
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
46
The HTML of the Register application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
47
© 2015, Mike Murach & Associates, Inc.
The HTML (continued) Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
48
The CSS for the span elements in the registration form
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
49
The JavaScript for the Register application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
50
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
51
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
52
Two methods of the document object for creating new nodes
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
53
© 2015, Mike Murach & Associates, Inc.
How to create new nodes Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
54
How to modify the attributes of a new node
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
55
Two methods of the document object for adding nodes to the DOM
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
56
How to make one node a child of another node
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
57
Two methods of the document object for working with tables
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
58
The HTML for an empty table (no rows)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
59
How to add a row to a table
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
60
© 2015, Mike Murach & Associates, Inc.
How to add a cell to a row Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
61
One property of the document object for working with DOM content
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
62
How to use the innerHTML property to set the content of any node
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
63
© 2015, Mike Murach & Associates, Inc.
The Register application with a table that’s created for the user’s entries Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
64
The HTML for the elements below the form
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
65
The CSS for the span elements in the table
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
66
The JavaScript for the Register application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
67
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
68
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
69
The JavaScript (continued)
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
70
Exercise 5-1 Experiment with the FAQs app
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
71
Exercise 5-2 Add controls to the Register app
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
72
Extra 5-1 Enhance the Temp Conversion app
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
73
Extra 5-2 Use a Test Score array
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
74
Short 5-1 Update the Email List application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
75
Short 5-2 Use a Test Scores array
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
76
Short 5-3 Modify the FAQs application
Murach's JavaScript (2nd Ed.), C5 © 2015, Mike Murach & Associates, Inc.
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.