Presentation is loading. Please wait.

Presentation is loading. Please wait.

Chapter 10 Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms HTML5 & CSS 7 th Edition.

Similar presentations


Presentation on theme: "Chapter 10 Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms HTML5 & CSS 7 th Edition."— Presentation transcript:

1 Chapter 10 Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms HTML5 & CSS 7 th Edition

2 Write a JavaScript user-defined function to display a scrolling message Write a JavaScript user-defined function to validate form data Write a JavaScript user-defined function to calculate a total loan amount based on a sales amount and down payment Write a JavaScript user-defined function to calculate monthly loan payments Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms2 Chapter Objectives

3 Define if and if...else statements, conditionals, and operands Write a JavaScript user-defined function to format output in a text field Describe how to open a pop-up window Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms3 Chapter Objectives

4 Determine what you want the code to accomplish Determine the overall Web page appearance Determine the data validation requirements Determine the calculations needed Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms4 Plan Ahead

5 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms5 Creating a Form Text Field to Display a Scrolling Message

6 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms6 Creating the scrollingMsg() User-Defined Function

7 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms7 Incrementing a Variable

8 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms8 Entering the Code to Increment the Position Locator Variable

9 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms9 Entering an If Statement

10 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms10 Entering an If Statement

11 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms11 Entering an If Statement

12 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms12 Entering an If Statement

13 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms13 Entering an If Statement

14 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms14 Adding the setTimeout() Method to Create a Recursive Call

15 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms15 Objects and Associated Event Handlers

16 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms16 Entering the onLoad Event Handler to Call the scrollingMsg() Function

17 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms17 Validating Forms Using Nested if…else Statements

18 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms18 Validating Forms Using Nested if…else Statements

19 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms19 Validating Forms Using Nested if…else Statements

20 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms20 Using Built-In Functions to Validate Data

21 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms21 Using Built-In Functions to Validate Data

22 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms22 Adding the valSalesAmt() Function with Nested if…else Statements to Validate Form Data

23 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms23 Entering the onBlur Event Handler to Call the valSalesAmt() Function

24 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms24 Entering the CalcLoanAmt() User-Defined Function

25 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms25 Entering an onClick Event Handler to Call the CalcLoanAmt() Function

26 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms26 Entering Code to Call the monthlyPmt() Function

27 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms27 Creating the monthlyPmt() Function

28 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms28 Split Method

29 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms29 Entering the dollarFormat() Function

30 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms30 Using a while Loop an if…else Statement

31 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms31 for Loops and while Loops

32 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms32 Entering an if…else Statement and While Loop to Extract the Dollar Portion of the Output and Insert Commas

33 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms33 Reconstructing the Formatted Output and Returning the Formatted Value

34 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms34 Passing the Monthly Payment Value to the dollarFormat() Function

35 A pop-up window appears over the previously opened browser window Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms35 Adding a Pop-Up Window

36 Chapter 10: Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms36 Adding a Pop-Up Window

37 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms37 Entering the popUpNotice() Function to Open a Pop-up Window

38 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms38 Adding the Event Handler to Call the popupNotice()Function

39 Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms39 Displaying the Date Last Modified Using the substring() Method

40 Write a JavaScript user-defined function to display a scrolling message Write a JavaScript user-defined function to validate form data Write a JavaScript user-defined function to calculate a total loan amount based on a sales amount and down payment Write a JavaScript user-defined function to calculate monthly loan payments Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms40 Chapter Summary

41 Define if and if...else statements, conditionals, and operands Write a JavaScript user-defined function to format output in a text field Describe how to open a pop-up window Chapter 10: Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms41 Chapter Summary

42 Chapter 10 Complete HTML 7 th Edition


Download ppt "Chapter 10 Creating Pop-Up Windows, Adding Scrolling Messages, and Validating Forms HTML5 & CSS 7 th Edition."

Similar presentations


Ads by Google