Last &me: Javascript (forms and func&ons)

Size: px
Start display at page:

Download "Last &me: Javascript (forms and func&ons)"

Transcription

1

2 <form method="post" enctype="text/plain">

3 Let s debug some code together: hkp:// hkp://

4 <body> <form method="post" enctype="text/plain"> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body>

5 <body> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> More control if you write the ac&on yourself: <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body>

6 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" +

7 Name of func&on document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" +

8 arguments document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" +

9 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + string = sum of other strings

10 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + example: Name: Ann Irvine Gender: Female

11 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + Pop up a window with the content of the message

12 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + If the window is confirmed

13 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + call the func&on called mailto

14 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + Pass it two arguments

15 document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + Receive two arguments

16 string = sum of other strings document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" +

17 string = sum of other strings document.loca&on.href = +

18 document.loca&on.href = + Dynamically load a page with this address

19 document.loca&on.href = + Details: semicolons

20 document.loca&on.href = + Details: Brackets

21 document.loca&on.href = + Details: javascript tags

22 document.loca&on.href = +

23 <body> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body> document.loca&on.href = +

24 <html> <head> <script type="text/javascript > document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + </head> <body> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body> </html> All of the javascript stuff

25 <html> <head> <script type="text/javascript > document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + </head> <body> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body> </html> Form stuff All of the javascript stuff

26 <html> <head> <script type="text/javascript > document.loca&on.href = "mailto:kenneth.church@jhu.edu" + "?subject=" + subj + "&body=" + </head> <body> <form> First name: <input type="text" name="firstname" /> Last name: <input type="text" name="lastname" /> <br> Gender: <select name="gender" id="g1" mul&ple="mul&ple" size="2"> <op&on value="male">male</op&on> <op&on value="female">female</op&on> </select> <input type="bukon" value="submit" onclick="displaymsg(this.form)" /> </form> </body> </html> Form stuff All of the javascript stuff Use the javascript to the form content

27 Fix up some more code together (if &me): hkp:// hkp://

28 Next Up: Programming Phone Menus hkps://studio.tellme.com/

29 Homework 1. Make sure you have a working javascript based survey on your website: You should have func&ons like and (don t rely on the html ac&on tag that does this automa&cally and not so well) Don t worry about radio bukons and checkboxes, they re harder Include just textboxes and/or select lists 2. We ll learn how to do this in a much easier way with Google Docs later 3. Go to hkps://studio.tellme.com/ and sign up for a free account. Play around if you have &me, but at least have an account ready to program by next Tuesday

<form>. input elements. </form>

<form>. input elements. </form> CS 183 4/8/2010 A form is an area that can contain form elements. Form elements are elements that allow the user to enter information (like text fields, text area fields, drop-down menus, radio buttons,

More information

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB

CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB CMPT 165 INTRODUCTION TO THE INTERNET AND THE WORLD WIDE WEB Unit 8 HTML Forms and Basic CGI Slides based on course material SFU Icons their respective owners 1 Learning Objectives In this unit you will

More information

Q1. What is JavaScript?

Q1. What is JavaScript? Q1. What is JavaScript? JavaScript was designed to add interactivity to HTML pages JavaScript is a scripting language A scripting language is a lightweight programming language JavaScript is usually embedded

More information

DAY 2. Creating Forms

DAY 2. Creating Forms DAY 2 Creating Forms LESSON LEARNING TARGETS I can identify and apply the different HTML tags to create a Web page form. I can describe the ways data is sent in a form in namevalue pairs. I can create

More information

JavaScript s role on the Web

JavaScript s role on the Web Chris Panayiotou JavaScript s role on the Web JavaScript Programming Language Developed by Netscape for use in Navigator Web Browsers Purpose make web pages (documents) more dynamic and interactive Change

More information

Web Designing HTML5 NOTES

Web Designing HTML5 NOTES Web Designing HTML5 NOTES HTML Introduction What is HTML? HTML is the standard markup language for creating Web pages. HTML stands for Hyper Text Markup Language HTML describes the structure of Web pages

More information

HTML Form. Kanida Sinmai

HTML Form. Kanida Sinmai HTML Form Kanida Sinmai ksinmai@tsu.ac.th http://mis.csit.sci.tsu.ac.th/kanida HTML Form HTML forms are used to collect user input. The element defines an HTML form: . form elements. Form

More information

WEBD 236 Web Information Systems Programming

WEBD 236 Web Information Systems Programming WEBD 236 Web Information Systems Programming Week 4 Copyright 2013-2017 Todd Whittaker and Scott Sharkey (sharkesc@franklin.edu) Agenda This week s expected outcomes This week s topics This week s homework

More information

Creating Forms. Speaker: Ray Ryon

Creating Forms. Speaker: Ray Ryon Creating Forms Speaker: Ray Ryon In this lesson we will discuss how to create a web form. Forms are useful because they allow for input from a user. That input can then be used to respond to the user with

More information

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010 Lecture 22 Javascript Announcements Homework#7 now due 11/24 at noon Reminder: beginning with Homework #7, Javascript assignments must be submitted using a format described in an attachment to HW#7 I will

More information

CGI Programming. What is "CGI"?

CGI Programming. What is CGI? CGI Programming What is "CGI"? Common Gateway Interface A means of running an executable program via the Web. CGI is not a Perl-specific concept. Almost any language can produce CGI programs even C++ (gasp!!)

More information

Overview of Forms. Forms are used all over the Web to: Types of forms: Accept information Provide interactivity

Overview of Forms. Forms are used all over the Web to: Types of forms: Accept information Provide interactivity HTML Forms Overview of Forms Forms are used all over the Web to: Accept information Provide interactivity Types of forms: Search form, Order form, Newsletter sign-up form, Survey form, Add to Cart form,

More information

Week 13 Thursday (with Page 5 corrections)

Week 13 Thursday (with Page 5 corrections) Week 13 Thursday (with Page 5 corrections) Quizzes: HTML/CSS and JS available and due before 10 pm next Tuesday, May 1 st. You may do your own web research to answer, but do not ask classmates, friends,

More information

Spring 2014 Interim. HTML forms

Spring 2014 Interim. HTML forms HTML forms Forms are used very often when the user needs to provide information to the web server: Entering keywords in a search box Placing an order Subscribing to a mailing list Posting a comment Filling

More information

MI1004 Script programming and internet applications

MI1004 Script programming and internet applications MI1004 Script programming and internet applications Course content and details Learn > Course information > Course plan Learning goals, grades and content on a brief level Learn > Course material Study

More information

Web Forms. Survey or poll Contact us Sign up for an newsletter Register for an event

Web Forms. Survey or poll Contact us Sign up for an  newsletter Register for an event Web Forms Survey or poll Contact us Sign up for an email newsletter Register for an event Web Forms All our web pages thus far have had a one-way flow of information, from us to our web visitors. Now we'll

More information

core programming HTML Forms Sending Data to Server-Side Programs Marty Hall, Larry Brown

core programming HTML Forms Sending Data to Server-Side Programs Marty Hall, Larry Brown core programming HTML Forms Sending Data to Server-Side Programs 1 2001-2003 Marty Hall, Larry Brown http:// Agenda Sending data from forms The FORM element Text controls Push buttons Check boxes and radio

More information

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010

Javascript. UNIVERSITY OF MASSACHUSETTS AMHERST CMPSCI 120 Fall 2010 Lecture 21 Javascript Announcements Reminder: beginning with Homework #7, Javascript assignments must be submitted using a format described in an attachment to HW#7 3rd Exam date set for 12/14 in Goessmann

More information

IS 242 Web Application Development I

IS 242 Web Application Development I IS 242 Web Application Development I Lecture 11: Introduction to JavaScript (Part 4) Marwah Alaofi Outlines of today s lecture Events Assigning events using DOM Dom nodes Browser Object Model (BOM) 2 Event

More information

Chapter 3 HTML Multimedia and Inputs

Chapter 3 HTML Multimedia and Inputs Sungkyunkwan University Chapter 3 HTML Multimedia and Inputs Prepared by D. T. Nguyen and H. Choo Web Programming Copyright 2000-2018 Networking Laboratory 1/45 Copyright 2000-2012 Networking Laboratory

More information

Hyperlinks, Tables, Forms and Frameworks

Hyperlinks, Tables, Forms and Frameworks Hyperlinks, Tables, Forms and Frameworks Web Authoring and Design Benjamin Kenwright Outline Review Previous Material HTML Tables, Forms and Frameworks Summary Review/Discussion Email? Did everyone get

More information

MATLAB 1. Jeff Freymueller September 24, 2009

MATLAB 1. Jeff Freymueller September 24, 2009 MATLAB 1 Jeff Freymueller September 24, 2009 MATLAB IDE MATLAB Edi?ng Window We don t need no steenkin GUI You can also use MATLAB without the fancy user interface, just a command window. Why? You can

More information

HTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University

HTML. Asst. Prof. Dr. Kanda Runapongsa Saikaew Department of Computer Engineering Khon Kaen University HTML Asst. Prof. Dr. Kanda Runapongsa Saikaew (krunapon@kku.ac.th) Department of Computer Engineering Khon Kaen University 1 What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file

More information

Why Use A JavaScript Library?

Why Use A JavaScript Library? Using JQuery 4 Why Use A JavaScript Library? Okay, first things first. Writing JavaScript applications from scratch can be difficult, time-consuming, frustrating, and a real pain in the, ahem, britches.

More information

Welcome. Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs

Welcome. Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs Welcome Web Authoring: HTML - Advanced Topics & Photo Optimisation (Level 3) Richard Hey & Barny Baggs Health and Safety Course Information General Information Objectives To understand the need for photo

More information

HTML Forms. By Jaroslav Mohapl

HTML Forms. By Jaroslav Mohapl HTML Forms By Jaroslav Mohapl Abstract How to write an HTML form, create control buttons, a text input and a text area. How to input data from a list of items, a drop down list, and a list box. Simply

More information

Consider the following file A_Q1.html.

Consider the following file A_Q1.html. Consider the following file A_Q1.html. 1 2 3 Q1A 4 5 6 7 function check () { 8 } 9 10 11

More information

CSS Review. Objec(ves. Iden(fy the Errors. Fixed CSS. CSS Organiza(on

CSS Review. Objec(ves. Iden(fy the Errors. Fixed CSS. CSS Organiza(on Objec(ves CSS Review Discuss: Ø How Google Search Works Ø What Images You Can Use HTML Forms CSS Review Why CSS? What is the syntax of a CSS rule? What is the order of applying rules in the cascade? How

More information

Networking and Internet

Networking and Internet Today s Topic Lecture 13 Web Fundamentals Networking and Internet LAN Web pages Web resources Web client Web Server HTTP Protocol HTML & HTML Forms 1 2 LAN (Local Area Network) Networking and Internet

More information

Developing Online Databases and Serving Biological Research Data

Developing Online Databases and Serving Biological Research Data Developing Online Databases and Serving Biological Research Data 1 Last Time HTML Hypertext Markup Language Used to build web pages Static, and can't change the way it presents itself based off of user

More information

Javascript Lecture 23

Javascript Lecture 23 Javascript Lecture 23 Robb T. Koether Hampden-Sydney College Mar 9, 2012 Robb T. Koether (Hampden-Sydney College) JavascriptLecture 23 Mar 9, 2012 1 / 23 1 Javascript 2 The Document Object Model (DOM)

More information

Introduction to Web Development

Introduction to Web Development Introduction to Web Development Lecture 1 CGS 3066 Fall 2016 September 8, 2016 Why learn Web Development? Why learn Web Development? Reach Today, we have around 12.5 billion web enabled devices. Visual

More information

Summary 4/5. (contains info about the html)

Summary 4/5. (contains info about the html) Summary Tag Info Version Attributes Comment 4/5

More information

HTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data"

HTML Tables and Forms. Outline. Review. Review. Example Demo/ Walkthrough. CS 418/518 Web Programming Spring Tables to Display Data CS 418/518 Web Programming Spring 2014 HTML Tables and Forms Dr. Michele Weigle http://www.cs.odu.edu/~mweigle/cs418-s14/ Outline! Assigned Reading! Chapter 4 "Using Tables to Display Data"! Chapter 5

More information

ABSOLUTE FORM PROCESSOR ADMINISTRATION OPTIONS

ABSOLUTE FORM PROCESSOR ADMINISTRATION OPTIONS ABSOLUTE FORM PROCESSOR ADMINISTRATION OPTIONS The Absolute Form Processor is very easy to use. In order to operate the system, you just need the menu at the top of the screen. There, you ll find all the

More information

Creating and Building Websites

Creating and Building Websites Creating and Building Websites Stanford University Continuing Studies CS 21 Mark Branom branom@alumni.stanford.edu Course Web Site: http://web.stanford.edu/group/csp/cs21 Week 7 Slide 1 of 25 Week 7 Unfinished

More information

Web Focused Programming With PHP

Web Focused Programming With PHP Web Focused Programming With PHP May 20 2014 Thomas Beebe Advanced DataTools Corp (tom@advancedatatools.com) Tom Beebe Tom is a Senior Database Consultant and has been with Advanced DataTools for over

More information

Practice problems. 1 Draw the output for the following code. 2. Draw the output for the following code.

Practice problems. 1 Draw the output for the following code. 2. Draw the output for the following code. Practice problems. 1 Draw the output for the following code. form for Spring Retreat Jacket company Spring Retreat Jacket Order Form please fill in this form and click on

More information

HTML Forms & PHP. Database Systems CSCI Dr. Tom Hicks Computer Science Department

HTML Forms & PHP. Database Systems CSCI Dr. Tom Hicks Computer Science Department HTML Forms & PHP Database Systems CSCI-3343 Dr. Tom Hicks Computer Science Department Create Page Faculty-Add.php AddFaculty Page Create page Faculty-Add.php It will be blank for the moment. We are going

More information

CISC 1600 Lecture 2.4 Introduction to JavaScript

CISC 1600 Lecture 2.4 Introduction to JavaScript CISC 1600 Lecture 2.4 Introduction to JavaScript Topics: Javascript overview The DOM Variables and objects Selection and Repetition Functions A simple animation What is JavaScript? JavaScript is not Java

More information

UNIT-VI CREATING AND USING FORMS

UNIT-VI CREATING AND USING FORMS UNIT-VI CREATING AND USING FORMS To create a fully functional web application, you need to be able to interact with your users. The common way to receive information from web users is through a form. Forms

More information

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel.

Figure 1 Forms category in the Insert panel. You set up a form by inserting it and configuring options through the Properties panel. Adobe Dreamweaver CS6 Project 3 guide How to create forms You can use forms to interact with or gather information from site visitors. With forms, visitors can provide feedback, sign a guest book, take

More information

JavaScript CSCI 201 Principles of Software Development

JavaScript CSCI 201 Principles of Software Development JavaScript CSCI 201 Principles of Software Development Jeffrey Miller, Ph.D. jeffrey.miller@usc.edu Outline JavaScript Program USC CSCI 201L JavaScript JavaScript is a front-end interpreted language that

More information

Software. Programming Languages. Types of Software. Types of Languages. Types of Programming. Software does something

Software. Programming Languages. Types of Software. Types of Languages. Types of Programming. Software does something Software Software does something LBSC 690: Week 10 Programming, JavaScript Jimmy Lin College of Information Studies University of Maryland Monday, April 9, 2007 Tells the machine how to operate on some

More information

First Simple Interactive JSP example

First Simple Interactive JSP example Let s look at our first simple interactive JSP example named hellojsp.jsp. In his Hello User example, the HTML page takes a user name from a HTML form and sends a request to a JSP page, and JSP page generates

More information

UNIT I Java Bean, HTML & Javascript

UNIT I Java Bean, HTML & Javascript SIDDHARTH GROUP OF INSTITUTIONS :: PUTTUR Siddharth Nagar, Narayanavanam Road 517583 QUESTION BANK (DESCRIPTIVE) Subject with Code : Web Technologies (16MC820) Year & Sem: II-MCA & II-Sem Course & Branch:

More information

introjs.notebook March 02, 2014

introjs.notebook March 02, 2014 1 document.write() uses the write method to write on the document. It writes the literal Hello World! which is enclosed in quotes since it is a literal and then enclosed in the () of the write method.

More information

Old Business h,ps://jshare.johnshopkins.edu/kchurch4/public_html/teaching/103/spring2011/ Note: We rarely write HTML by hand Many programs offer an

Old Business h,ps://jshare.johnshopkins.edu/kchurch4/public_html/teaching/103/spring2011/ Note: We rarely write HTML by hand Many programs offer an Old Business h,ps://jshare.johnshopkins.edu/kchurch4/public_html/teaching/103/spring2011/ Note: We rarely write HTML by hand Many programs offer an HTML opkon to save as MicrosoO: Word, Powerpoint, Outlook

More information

CPSC 481: CREATIVE INQUIRY TO WSBF

CPSC 481: CREATIVE INQUIRY TO WSBF CPSC 481: CREATIVE INQUIRY TO WSBF J. Yates Monteith, Fall 2013 Schedule HTML and CSS PHP HTML Hypertext Markup Language Markup Language. Does not execute any computation. Marks up text. Decorates it.

More information

Project 2: After Image

Project 2: After Image Project 2: After Image FIT100 Winter 2007 Have you ever stared at an image and noticed that when it disappeared, a shadow of the image was still briefly visible. This is called an after image, and we experiment

More information

By the end of this section of the practical, the students should be able to:

By the end of this section of the practical, the students should be able to: By the end of this section of the practical, the students should be able to: Learn about the Document Object Model and the Document Object Model hierarchy Create and use the properties, methods and event

More information

Decibel Insight Implementation Guide v4.1.6

Decibel Insight Implementation Guide v4.1.6 Decibel Insight Implementation Guide v4.1.6 Decibel Insight Implementation Guide This guide explains the process of implementing Decibel Insight on your website. The guide assumes that you have a Decibel

More information

Creating dependent menus

Creating dependent menus Creating dependent menus with Moodle Database activity! William Lu" Live examples, presets and guides at: mootau15.moodlemoot.org/course/view.php?id=20 Hello, everyone" My name is William! In this session,

More information

For loops and Window Objects:

For loops and Window Objects: For loops and Window Objects: So far we ve been dealing with the document object. The document object has many properties all elements within the html document are part of the document object. Thus we

More information

A. Using technology correctly, so that your site will still function for users who don t have these technologies

A. Using technology correctly, so that your site will still function for users who don t have these technologies 1. What does graceful degradation mean in the context of our class? A. Using technology correctly, so that your site will still function for users who don t have these technologies B. Eliminating the implementation

More information

HTML and CSS MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University

HTML and CSS MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University HTML and CSS MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University 2 HTML Quiz Date: 9/13/18 next Thursday HTML, CSS 14 steps, 25 points 1 hour 20 minutes Use class workstations

More information

SKIP THIS STEP IF YOUR DISTRICT HAS CHROMEBOOKS FOR EVERY STUDENT WITH THEIR OWN GOOGLE APPS USERNAME!!!

SKIP THIS STEP IF YOUR DISTRICT HAS CHROMEBOOKS FOR EVERY STUDENT WITH THEIR OWN GOOGLE APPS USERNAME!!! Class Update Form If there are any steps that aren t working for you, please contact me and I ll try to help! To save some time, I created a Sample Class Roster and a Sample Update Form. Sample Roster:

More information

Adobe Analytics User Manual Version 2. Adobe Analytics User Manual

Adobe Analytics User Manual Version 2. Adobe Analytics User Manual Adobe Analytics User Manual Version 2 Adobe Analytics User Manual 1 Adobe Analytics App Innometrics enhanced Web Analytics works on a variety of web analytic platforms such as Google Analytics, Adobe Analytics,

More information

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. c360 Solutions

c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc.   c360 Solutions c360 Web Connect Configuration Guide Microsoft Dynamics CRM 2011 compatible c360 Solutions, Inc. www.c360.com c360 Solutions Contents Overview... 3 Web Connect Configuration... 4 Implementing Web Connect...

More information

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab.

Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM Advanced Internet Technology Lab. Islamic University of Gaza Faculty of Engineering Department of Computer Engineering ECOM 5049 Advanced Internet Technology Lab Lab # 1 Eng. Haneen El-masry February, 2015 Objective To be familiar with

More information

NOTE: There are an awful lot of synonyms for "function" "routine, map [ ], procedure, [ ], subroutine, [ ], subprogram, [ ], function"

NOTE: There are an awful lot of synonyms for function routine, map [ ], procedure, [ ], subroutine, [ ], subprogram, [ ], function Functions Basic Functions NOTE: There are an awful lot of synonyms for "function" "routine, map [ ], procedure, [ ], subroutine, [ ], subprogram, [ ], function" From http://www.synonyms.net/synonym/function:

More information

CMPT 100 : INTRODUCTION TO

CMPT 100 : INTRODUCTION TO CMPT 100 : INTRODUCTION TO COMPUTING TUTORIAL #7 : JAVASCRIPT AND FORM TUTORIAL - CANDY STORE 2 1 By Wendy Sharpe BEFORE WE GET STARTED... Log onto the lab computer (in Windows) Create a folder for this

More information

Form Validation (with jquery, HTML5, and CSS) MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University

Form Validation (with jquery, HTML5, and CSS) MIS Konstantin Bauman. Department of MIS Fox School of Business Temple University Form Validation (with jquery, HTML5, and CSS) MIS 2402 Konstantin Bauman Department of MIS Fox School of Business Temple University Exam 2 Date: 11/06/18 three weeks from now! JavaScript, jquery 1 hour

More information

LAB Test 1. Rules and Regulations:-

LAB Test 1. Rules and Regulations:- LAB Test 1 Rules and Regulations:- 1. Individual Test 2. Start at 3.10 pm until 4.40 pm (1 Hour and 30 Minutes) 3. Open note test 4. Send the answer to h.a.sulaiman@ieee.org a. Subject: [LabTest] Your

More information

PYTHON CGI PROGRAMMING

PYTHON CGI PROGRAMMING PYTHON CGI PROGRAMMING http://www.tutorialspoint.com/python/python_cgi_programming.htm Copyright tutorialspoint.com The Common Gateway Interface, or CGI, is a set of standards that define how information

More information

Like many institutions, University of Minnesota

Like many institutions, University of Minnesota ACRL TechConnect Janet Fransen, Megan Kocher, and Jody Kempf Google forms for staff self-assessment Creating customization Like many institutions, University of Minnesota recently adopted the Google Apps

More information

CIS 086 : Week 1. Web Development with PHP and MySQL

CIS 086 : Week 1. Web Development with PHP and MySQL + CIS 086 : Week 1 Web Development with PHP and MySQL + Introduction n Instructor: Mark Brautigam n You: Skills and Technology Survey n You: Expectations of this class n You: Introduce yourself on the

More information

PHP with MySQL: What you need to know Chapter 3. This section is on using PHP script tags appropriately in your PHP program.

PHP with MySQL: What you need to know Chapter 3. This section is on using PHP script tags appropriately in your PHP program. Chapter 3 PHP Basics 3.1 Using PHP Script Tags This section is on using PHP script tags appropriately in your PHP program. The beginning PHP tag () and the code in between those

More information

JavaScript Functions, Objects and Array

JavaScript Functions, Objects and Array JavaScript Functions, Objects and Array Defining a Function A definition starts with the word function. A name follows that must start with a letter or underscore, followed by any number of letters, digits,

More information

Session 16. JavaScript Part 1. Reading

Session 16. JavaScript Part 1. Reading Session 16 JavaScript Part 1 1 Reading Reading Wikipedia en.wikipedia.org/wiki/javascript / p W3C www.w3.org/tr/rec-html40/interact/scripts.html Web Developers Notes www.webdevelopersnotes.com/tutorials/javascript/

More information

Browser Support Internet Explorer

Browser Support Internet Explorer Browser Support Internet Explorer Consumers Online Banking offers you more enhanced features than ever before! To use the improved online banking, you may need to change certain settings on your device

More information

HTML Tables and. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar

HTML Tables and. Chapter Pearson. Fundamentals of Web Development. Randy Connolly and Ricardo Hoar HTML Tables and Forms Chapter 5 2017 Pearson http://www.funwebdev.com - 2 nd Ed. HTML Tables A grid of cells A table in HTML is created using the element Tables can be used to display: Many types

More information

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser.

Controlled Assessment Task. Question 1 - Describe how this HTML code produces the form displayed in the browser. Controlled Assessment Task Question 1 - Describe how this HTML code produces the form displayed in the browser. The form s code is displayed in the tags; this creates the object which is the visible

More information

Client Side JavaScript and AJAX

Client Side JavaScript and AJAX Client Side JavaScript and AJAX Client side javascript is JavaScript that runs in the browsers of people using your site. So far all the JavaScript code we've written runs on our node.js server. This is

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources JavaScript is one of the programming languages that make things happen in a web page. It is a fantastic way for students to get to grips with some of the basics of programming, whilst opening the door

More information

Quick.JS Documentation

Quick.JS Documentation Quick.JS Documentation Release v0.6.1-beta Michael Krause Jul 22, 2017 Contents 1 Installing and Setting Up 1 1.1 Installation................................................ 1 1.2 Setup...................................................

More information

Unifer Documentation. Release V1.0. Matthew S

Unifer Documentation. Release V1.0. Matthew S Unifer Documentation Release V1.0 Matthew S July 28, 2014 Contents 1 Unifer Tutorial - Notes Web App 3 1.1 Setting up................................................. 3 1.2 Getting the Template...........................................

More information

CP215 Application Design

CP215 Application Design CP215 Application Design Microsoft HoloLens developer preorder: $3,000 Tech News! Tech News! Microsoft HoloLens developer preorder: $3,000 Raspberry Pi 3 with Wi-Fi and Bluetooth built-in: $35 Hacker's

More information

Mul$media im Netz (Online Mul$media) Wintersemester 2014/15. Übung 06 (Haup-ach)

Mul$media im Netz (Online Mul$media) Wintersemester 2014/15. Übung 06 (Haup-ach) Mul$media im Netz (Online Mul$media) Wintersemester 2014/15 Übung 06 (Haup-ach) Ludwig- Maximilians- Universität München Online Mul6media WS 2014/15 - Übung 06-1 Today s Agenda Flashback: 5 th Tutorial

More information

NETB 329 Lecture 13 Python CGI Programming

NETB 329 Lecture 13 Python CGI Programming NETB 329 Lecture 13 Python CGI Programming 1 of 83 What is CGI? The Common Gateway Interface, or CGI, is a set of standards that define how information is exchanged between the web server and a custom

More information

JavaScript code is inserted between tags, just like normal HTML tags:

JavaScript code is inserted between tags, just like normal HTML tags: Introduction to JavaScript In this lesson we will provide a brief introduction to JavaScript. We won t go into a ton of detail. There are a number of good JavaScript tutorials on the web. What is JavaScript?

More information

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/

blink.html 1/1 lectures/6/src/ form.html 1/1 lectures/6/src/ blink.html 1/1 3: blink.html 5: David J. Malan Computer Science E-75 7: Harvard Extension School 8: 9: --> 11:

More information

Functions. INFO/CSE 100, Spring 2006 Fluency in Information Technology.

Functions. INFO/CSE 100, Spring 2006 Fluency in Information Technology. Functions INFO/CSE 100, Spring 2006 Fluency in Information Technology http://www.cs.washington.edu/100 4/24/06 fit100-12-functions 1 Readings and References Reading» Fluency with Information Technology

More information

Lecture 6: More Arrays & HTML Forms. CS 383 Web Development II Monday, February 12, 2018

Lecture 6: More Arrays & HTML Forms. CS 383 Web Development II Monday, February 12, 2018 Lecture 6: More Arrays & HTML Forms CS 383 Web Development II Monday, February 12, 2018 Lambdas You may have encountered a lambda (sometimes called anonymous functions) in other programming languages The

More information

Lesson 3. Form By Raymond Tsang. Certificate Programme in Cyber Security

Lesson 3. Form By Raymond Tsang. Certificate Programme in Cyber Security Lesson 3 Form By Raymond Tsang Certificate Programme in Cyber Security What is a form How to create a form Getting input from users Generate a result It s a section of a document containing normal content,

More information

Web Application Development

Web Application Development Web Application Development Produced by David Drohan (ddrohan@wit.ie) Department of Computing & Mathematics Waterford Institute of Technology http://www.wit.ie INTRODUCTION & TERMINOLOGY PART 1 Objec8ves

More information

HTML Element A pair of tags and the content these include are known as an element

HTML Element A pair of tags and the content these include are known as an element HTML Tags HTML tags are used to mark-up HTML elements. HTML tags are surrounded by the two characters < and >. The surrounding characters are called angle brackets HTML tags are not case sensitive,

More information

Alpha College of Engineering and Technology. Question Bank

Alpha College of Engineering and Technology. Question Bank Alpha College of Engineering and Technology Department of Information Technology and Computer Engineering Chapter 1 WEB Technology (2160708) Question Bank 1. Give the full name of the following acronyms.

More information

Date Picker Haim Michael

Date Picker Haim Michael Date Picker Introduction The date picker is one of the most popular jquery widgets in use. It is highly configurable and extremely easy to implement. Introduction Simple Date Picker

More information

COMS 359: Interactive Media

COMS 359: Interactive Media COMS 359: Interactive Media Agenda Project #3 Review Forms (con t) CGI Validation Design Preview Project #3 report Who is your client? What is the project? Project Three action= http://...cgi method=

More information

Help Contents. Creating a Query - Synopsis

Help Contents. Creating a Query - Synopsis Help Contents Creating a Query - Synopsis...1 Phase 1: How to Begin a New Query...2 Phase 2: Choosing My Data Source...3 Phase 3: Choosing My Data Fields...4 Choosing My Data Fields - Selecting All Fields...4

More information

COMPUTER APPLICATIONS IN BUSINESS FYBMS SEM II

COMPUTER APPLICATIONS IN BUSINESS FYBMS SEM II CHAPTER 1: HTML 1. What is HTML? Define its structure. a. HTML [Hypertext Markup Language] is the main markup language for creating web pages and other information that can be displayed in a web browser.

More information

SYBMM ADVANCED COMPUTERS QUESTION BANK 2013

SYBMM ADVANCED COMPUTERS QUESTION BANK 2013 CHAPTER 1: BASIC CONCEPTS OF WEB DESIGNING 1. What is the web? What are the three ways you can build a webpage? The World Wide Web (abbreviated as WWW or W3, commonly known as the web), is a system of

More information

Place User-Defined Functions in the HEAD Section

Place User-Defined Functions in the HEAD Section JavaScript Functions Notes (Modified from: w3schools.com) A function is a block of code that will be executed when "someone" calls it. In JavaScript, we can define our own functions, called user-defined

More information

Child Items. Adding Child Items to plugin control panels. File Structure 4. Hacking childitems.html 7. Hacking childitem.html (without the s) 14

Child Items. Adding Child Items to plugin control panels. File Structure 4. Hacking childitems.html 7. Hacking childitem.html (without the s) 14 Child Items Child Items 1 Adding Child Items to plugin control panels. 1.1 1.2 1.3 File Structure 4 Hacking childitems.html 7 Hacking childitem.html (without the s) 14 Adding Child Items to plugin control

More information

October 15. Tips for. Google Drive. Tips to expand your sharing and collaboration capabilities. Training

October 15. Tips for. Google Drive. Tips to expand your sharing and collaboration capabilities. Training Tips for Google Drive October 15 2015 Google Drive Tips to expand your sharing and collaboration capabilities Tips for Google Drive Learn tips to improve your sharing and collaboration capabilities. Page

More information

INTRODUCTION TO WEB DEVELOPMENT AND HTML. Lecture 13: Intro to JavaScript - Spring 2011

INTRODUCTION TO WEB DEVELOPMENT AND HTML. Lecture 13: Intro to JavaScript - Spring 2011 INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 13: Intro to JavaScript - Spring 2011 Outline Intro to JavaScript What is JavaScript? JavaScript!= Java Intro to JavaScript JavaScript is a lightweight

More information

JavaScript!= Java. Intro to JavaScript. What is JavaScript? Intro to JavaScript 4/17/2013 INTRODUCTION TO WEB DEVELOPMENT AND HTML

JavaScript!= Java. Intro to JavaScript. What is JavaScript? Intro to JavaScript 4/17/2013 INTRODUCTION TO WEB DEVELOPMENT AND HTML INTRODUCTION TO WEB DEVELOPMENT AND HTML Intro to JavaScript Lecture 13: Intro to JavaScript - Spring 2013 What is JavaScript? JavaScript!= Java Intro to JavaScript JavaScript is a lightweight programming

More information

LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI

LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI LAB MANUAL SUBJECT: WEB TECHNOLOGY CLASS : T.E (COMPUTER) SEMESTER: VI INDEX No. Title Pag e No. 1 Implements Basic HTML Tags 3 2 Implementation Of Table Tag 4 3 Implementation Of FRAMES 5 4 Design A FORM

More information