Presentation is loading. Please wait.

Presentation is loading. Please wait.

© 2015, Mike Murach & Associates, Inc.

Similar presentations


Presentation on theme: "© 2015, Mike Murach & Associates, Inc."— Presentation transcript:

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.


Download ppt "© 2015, Mike Murach & Associates, Inc."

Similar presentations


Ads by Google