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

Slides:



Advertisements
Similar presentations
JavaScript FaaDoOEngineers.com FaaDoOEngineers.com.
Advertisements

Chapter 6: JavaScript Functions 6.1 The Purpose of Functions 6.2 Defining JavaScript Functions 6.3 Using JavaScript Functions 6.4 Global Functions and.
Creating and Editing a Web Page Using Inline Styles
The Web Warrior Guide to Web Design Technologies
CIS101 Introduction to Computing Week 12. Agenda Your questions Solutions to practice text Final HTML/JavaScript Project Copy and paste assignment JavaScript:
Java Programming, 3e Concepts and Techniques Chapter 4 Decision Making and Repetition with Reusable Objects.
JavaScript (Part 2) CS 183 4/13/2010. JavaScript (Part 2) Will cover: ◦ For.. In ◦ Events ◦ Try.. Catch, Throw ◦ Objects.
HTML Comprehensive Concepts and Techniques Second Edition Project 8 Integrating JavaScript with HTML.
CIS101 Introduction to Computing Week 11. Agenda Your questions Copy and Paste Assignment Practice Test JavaScript: Functions and Selection Lesson 06,
JavaScript 101 Lesson 5: Introduction to Events. Lesson Topics Event driven programming Events and event handlers The onClick event handler for hyperlinks.
Tutorial 11 Working with Operators and Expressions
Web Development & Design Foundations with XHTML Chapter 14 Key Concepts.
CIS101 Introduction to Computing Week 12 Spring 2004.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 12 Creating and Using XML Documents HTML5 AND CSS Seventh Edition.
JavaScript Events and Event Handlers 1 An event is an action that occurs within a Web browser or Web document. An event handler is a statement that tells.
1 CS 21A Beginning JavaScript Programming Project 2 Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms Sonny Huang.
Copyright 2007, Information Builders. Slide 1 Maintain & JavaScript: Two Great Tools that Work Great Together Mark Derwin and Mark Rawls Information Builders.
Department of Information Technology e-Michigan Web Development 0 HTML Form Creation in the Vignette Content Management Application.
Chapter 6: Forms JavaScript - Introductory. Previewing the Product Registration Form.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Dynamic Action with Macromedia Dreamweaver MX Barry Sosinsky Valda Hilley.
HTML, XHTML, and CSS Chapter 12 Creating and Using XML Documents.
JavaScript Part 1.
Database-Driven Web Sites, Second Edition1 Chapter 3 INTRODUCTION TO CLIENT-SIDE SCRIPTS.
1 CLIENT-SIDE SCRIPTS. Objectives 2 Learn how to reference objects in HTML documents using the HTML DOM and dot syntax Learn how to create client-side.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
DHTML: Dynamic HTML Internet Technology1. What is DHTML? A collection of enhancements to HTML ► To create dynamic and interactive websites Combination.
Intro to JavaScript. Use the tag to tell the browser you are writing JavaScript.
The Web Wizard’s Guide To JavaScript Chapter 6 Working with Dates and Times.
Integrating JavaScript and HTML5 HTML5 & CSS 7 th Edition.
HTML, XHTML, and CSS Chapter 8 Adding Multimedia Content to Web Pages.
Microsoft Visual Basic 2010: Reloaded Fourth Edition Chapter Seven More on the Repetition Structure.
Writing a JavaScript User-Defined Function  A function is JavaScript code written to perform certain tasks repeatedly  Built-in functions.
Adobe GoLive Edit and FTP your web pages to a web server.
HTML Concepts and Techniques Fourth Edition Project 12 Creating and Using XML Documents.
JavaScript Part 8 George Mason University June 21, 2010.
Chapter 5: Windows and Frames
1 Introduction  Extensible Markup Language (XML) –Uses tags to describe the structure of a document –Simplifies the process of sharing information –Extensible.
Writing JavaScript Functions. Goals By the end of this unit, you should understand … How to breakdown applications into individual, re-usable modules.
JavaScript, Fourth Edition
JavaScript, Fourth Edition Chapter 4 Manipulating the Browser Object Model.
Java Programming, 2E Introductory Concepts and Techniques Chapter 4 Decision Making and Repetition with Reusable Objects.
Introduction To JavaScript. Putting it Together (page 11) All javascript must go in-between the script tags. All javascript must go in-between the script.
Unit 10 – JavaScript Validation Instructor: Brent Presley.
Chapter 15 I’m on the Inside; You’re on the Outside (Nested Loops) Clearly Visual Basic: Programming with Visual Basic nd Edition.
XP Tutorial 2 New Perspectives on JavaScript, Comprehensive1 Working with Operators and Expressions Creating a New Year’s Day Countdown Clock.
Event Handling. Objectives Using event handlers Simulating events Using event-related methods.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 14 Key Concepts 1 Copyright © Terry Felke-Morris.
Clearly Visual Basic: Programming with Visual Basic 2008 Chapter 16 I’m on the Inside; You’re on the Outside.
The Web Wizard’s Guide To JavaScript Chapter 9 Applied Web Programming Techniques.
Project Two Adding Scrolling Messages! Page 2.4 to 2.18 Today’s Agenda Look at scrolling message coding. Create a web page with a text box. Create a web.
Tutorial 11 1 JavaScript Operators and Expressions.
JavaScript Events Java 4 Understanding Events Events add interactivity between the web page and the user You can think of an event as a trigger that.
Chapter 10 Dynamic HTML (DHTML) JavaScript, Third Edition.
Creating Web Pages with Links, Images, and Embedded Style Sheets
JavaScript 101 Lesson 6: Introduction to Functions.
JavaScript Events. Understanding Events Events add interactivity between the web page and the user Events add interactivity between the web page and the.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 14 KEY CONCEPTS 1 Copyright.
Programming for the Web Assignment One Dónal Mulligan BSc MA
Using DHTML to Enhance Web Pages
Web Development & Design Foundations with HTML5
© 2015, Mike Murach & Associates, Inc.
Project 9 Creating Pop-up Windows, Adding Scrolling Messages, and Validating Forms.
Microsoft Visual Basic 2005: Reloaded Second Edition
Event Driven Programming & User Defined Functions
Integrating JavaScript and HTML
Murach's JavaScript and jQuery (3rd Ed.)
Presentation transcript:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Chapter 10 Complete HTML 7 th Edition