5.5 FORM form ex28.html <html> <head>

Size: px
Start display at page:

Download "5.5 FORM form ex28.html <html> <head>"

Transcription

1 5.5 FORM form ex28.html <title></title> function calc() { var ar = document.getelementbyid("ar"); if(n1.value == "" n2.value == "") { window.alert(""); else { var eq = n1.value + ar.options[ar.selectedindex].value + n2.value; var txt = document.createtextnode(eq + "=" + eval(eq)); function cls() { if(n1.value!= "" n2.value!= "") { return window.confirm(""); else { return false; function mes_text(obj) { var txt = document.createtextnode('"' + obj.name + '"'); function mes_select(obj) { var ar = obj.options[obj.selectedindex].value; var txt = document.createtextnode('"' + ar + '"'); <h1></h1> <form onsubmit="calc(); return false;" onreset="return cls();"> <input type="text" name="n1" id="n1" onchange="mes_text(this)"> <select name="ar" id="ar" onchange="mes_select(this)"> <option value="+">+ <option value="-">- <option value="*">* <option value="/">/ </select> <input type="text" name="n2" id="n2" onchange="mes_text(this)">

2 <input type="submit" value=""> <input type="reset" value=""> <div name="ans" id="ans"></div> onsubmit onclear true false cls confirm OK true false onreset OK reset reset onsubmit PHP radio ex29.html <title></title> function check() { var carry=document.getelementsbyname("carry"); var flag = 0; for(i = 0; i < carry.length; i++) { if(carry[i].checked) { flag++; if(flag == 0) { window.alert(""); return false; return true; <h1></h1> <form onsubmit="return check();" method="get" action="ex29.php"> <input type="radio" name="carry" id="carry" value="0"> <font color="red">docomo</font> <input type="radio" name="carry" id="carry" value="1"> <font color="orange">au</font> <input type="radio" name="carry" id="carry" value="2"> <font color="gray">softbank</font> <input type="radio" name="carry" id="carry" value="3"> <input type="radio" name="carry" id="carry" value="4"> <br> <input type="submit" value="">

3 ex29.php <title></title> <?php $carry = $_GET['carry']; $in = fopen("ex29.txt","r"); $dat = fgetcsv($in, 80); fclose($in); $dat[$carrya]++; print "<table border=1> n"; print "<tr><th>docomo</th><td>$dat[0]</td></tr> n"; print "<tr><th>au</th><td>$dat[1]</td></tr> n"; print "<tr><th>softbank</th><td>$dat[2]</td></tr> n"; print "<tr><th></th><td>$dat[3]</td></tr> n"; print "<tr><th></th><td>$dat[4]</td></tr> n"; print "</table>"; $out = fopen("ex29.txt","w"); if(flock($out, LOCK_EX)) { fwrite($out, $dat[0]); for($i = 1; $i < 5; $i++) { fwrite($out, ", ". $dat[$i] - 0); flock($out, LOCK_UN);?> <br> <a href="ex29.html"></a> ex29.txt() 0, 0, 0, 0, 0 JavaScript()PHP CGI() JavaScript PHP PHP 5 Ajax Ajax JavaScript PHP( CGI)

4 5.2 ex30.html <title></title> var data = new Array(0); function adddata() { <body onload="showclock()"> <h1></h1> <input type="text" name="num" id="num"> <input type="button" value="" onclick="adddata()"> :<span name="avg" id="avg"></span> :<br> <span name="list" id="list"></span>

5 "" ex28.html try: catch: finally: throw: ex31.html <title></title> function calc() { var ar = document.getelementbyid("ar"); var eq = n1.value + ar.options[ar.selectedindex].value + n2.value; try { if(ar.selectedindex == 3 && n2.value == 0) { throw "0 "; catch(e) { alert(e); return; try { var txt = document.createtextnode(eq + "=" + eval(eq)); catch (e) { alert(""); <h1></h1> <form onsubmit="calc(); return false"> <input type="text" name="n1" id="n1"> <select name="ar" id="ar"> <option value="+">+ <option value="-">- <option value="*">* <option value="/">/ </select> <input type="text" name="n2" id="n2"> <input type="submit" value=""> <div name="ans" id="ans"></div>

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

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

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

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

Introduction to DHTML

Introduction to DHTML Introduction to DHTML HTML is based on thinking of a web page like a printed page: a document that is rendered once and that is static once rendered. The idea behind Dynamic HTML (DHTML), however, is to

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

DOM Primer Part 2. Contents

DOM Primer Part 2. Contents DOM Primer Part 2 Contents 1. Event Programming 1.1 Event handlers 1.2 Event types 1.3 Structure modification 2. Forms 2.1 Introduction 2.2 Scripting interface to input elements 2.2.1 Form elements 2.2.2

More information

HTML forms and the dynamic web

HTML forms and the dynamic web HTML forms and the dynamic web Antonio Lioy < lioy@polito.it > english version created by Marco D. Aime < m.aime@polito.it > Politecnico di Torino Dip. Automatica e Informatica timetable.html departure

More information

<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

HTML and JavaScript: Forms and Validation

HTML and JavaScript: Forms and Validation HTML and JavaScript: Forms and Validation CISC 282 October 18, 2017 Forms Collection of specific elements know as controls Allow the user to enter information Submit the data to a web server Controls are

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

ajax1.html 1/2 lectures/7/src/ ajax1.html 2/2 lectures/7/src/

ajax1.html 1/2 lectures/7/src/ ajax1.html 2/2 lectures/7/src/ ajax1.html 1/2 3: ajax1.html 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: David J. Malan 8: Dan Armendariz 9: Computer Science E-75 10: Harvard Extension School 11:

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

Dynamic Form Processing Tool Version 5.0 November 2014

Dynamic Form Processing Tool Version 5.0 November 2014 Dynamic Form Processing Tool Version 5.0 November 2014 Need more help, watch the video! Interlogic Graphics & Marketing (719) 884-1137 This tool allows an ICWS administrator to create forms that will be

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

CSE 154 LECTURE 8: FORMS

CSE 154 LECTURE 8: FORMS CSE 154 LECTURE 8: FORMS Web data most interesting web pages revolve around data examples: Google, IMDB, Digg, Facebook, YouTube, Rotten Tomatoes can take many formats: text, HTML, XML, multimedia many

More information

LING 408/508: Programming for Linguists. Lecture 13 October 14 th

LING 408/508: Programming for Linguists. Lecture 13 October 14 th LING 408/508: Programming for Linguists Lecture 13 October 14 th Administrivia Homework 5 graded Homework 5 review Javascript: Forms An SVG-based library: BMI revisited (Next Qme, Javascript regular expressions)

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

COMP1000 Mid-Session Test 2017s1

COMP1000 Mid-Session Test 2017s1 COMP1000 Mid-Session Test 2017s1 Total Marks: 45 Duration: 55 minutes + 10 min reading time This examination has three parts: Part 1: 15 Multiple Choice Questions (15 marks /45) Part 2: Practical Excel

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

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

CITS1231 Web Technologies

CITS1231 Web Technologies CITS1231 Web Technologies Client side id Form Validation using JavaScript Objectives Recall how to create forms on web pages Understand the need for client side validation Know how to reference form elements

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

CSC Javascript

CSC Javascript CSC 4800 Javascript See book! Javascript Syntax How to embed javascript between from an external file In an event handler URL - bookmarklet

More information

Form Processing in PHP

Form Processing in PHP Form Processing in PHP Forms Forms are special components which allow your site visitors to supply various information on the HTML page. We have previously talked about creating HTML forms. Forms typically

More information

Solutions to exercises

Solutions to exercises Solutions to exercises Exercise textbox greetings Name: var button = document.getelementbyid("button");

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

Manual Html A Href Onclick Submit Button

Manual Html A Href Onclick Submit Button Manual Html A Href Onclick Submit Button When you submit the form via clicking the radio button, it inserts properly into Doing a manual refresh (F5 or refresh button) will then display the new updated

More information

LECTURE-3. Exceptions JS Events. CS3101: Programming Languages: Javascript Ramana Isukapalli

LECTURE-3. Exceptions JS Events. CS3101: Programming Languages: Javascript Ramana Isukapalli LECTURE-3 Exceptions JS Events 1 EXCEPTIONS Syntax and usage Similar to Java/C++ exception handling try { // your code here catch (excptn) { // handle error // optional throw 2 EXCEPTIONS EXAMPLE

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

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL

Chapter4: HTML Table and Script page, HTML5 new forms. Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Chapter4: HTML Table and Script page, HTML5 new forms Asst. Prof. Dr. Supakit Nootyaskool Information Technology, KMITL Objective To know HTML5 creating a new style form. To understand HTML table benefits

More information

1 Form Basics CSC309

1 Form Basics CSC309 1 Form Basics Web Data 2! Most interesting web pages revolve around data! examples: Google, IMDB, Digg, Facebook, YouTube! can take many formats: text, HTML, XML, multimedia! Many of them allow us to access

More information

Chapter 1 FORMS. SYS-ED/ Computer Education Techniques, Inc.

Chapter 1 FORMS. SYS-ED/ Computer Education Techniques, Inc. Chapter 1 FORMS SYS-ED/ Computer Education Techniques, Inc. Objectives You will learn: How to use forms and the related form types. Controls for interacting with forms. Menus and presenting users with

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

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6

CS 350 COMPUTER/HUMAN INTERACTION. Lecture 6 CS 350 COMPUTER/HUMAN INTERACTION Lecture 6 Setting up PPP webpage Log into lab Linux client or into csserver directly Webspace (www_home) should be set up Change directory for CS 350 assignments cp r

More information

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013

The Hypertext Markup Language (HTML) Part II. Hamid Zarrabi-Zadeh Web Programming Fall 2013 The Hypertext Markup Language (HTML) Part II Hamid Zarrabi-Zadeh Web Programming Fall 2013 2 Outline HTML Structures Tables Forms New HTML5 Elements Summary HTML Tables 4 Tables Tables are created with

More information

Webinar. The Lighthouse Studio Scripting Series. JavaScript Sawtooth Software, Inc.

Webinar. The Lighthouse Studio Scripting Series. JavaScript Sawtooth Software, Inc. The Lighthouse Studio Scripting Series JavaScript 2 HTML 3 CSS 4 JavaScript 5 jquery (enhanced JavaScript) 6 Perl 7 HTML (Hyper Text Markup Language) 8 HTML 9 What is HTML? HTML is the language for creating

More information

Web Programming CS333/CS614

Web Programming CS333/CS614 Web Programming CS333/CS614 Lecture 7 & Java Script http://www.w3.org/tr/-level-2-html/html.html#id-37041454 1 The HTML Document Object Model : HTML is an abstract model that defines the interface betweenhtml

More information

주소록만들기 주소록. Input 페이지 Edit 페이지 Del 페이지

주소록만들기 주소록. Input 페이지 Edit 페이지 Del 페이지 주소록프로젝트 주소록만들기 주소록 List 페이지 Input 페이지 Edit 페이지 Del 페이지 Inputpro 페이지 Editpro 페이지 Address_Input.html 주소입력페이지 td,li,input{font-size:9pt} 주소입력

More information

Use of PHP for DB Connection. Middle and Information Tier. Middle and Information Tier

Use of PHP for DB Connection. Middle and Information Tier. Middle and Information Tier Use of PHP for DB Connection 1 2 Middle and Information Tier PHP: built in library functions for interfacing with the mysql database management system $id = mysqli_connect(string hostname, string username,

More information

This is an open-book, open-notes, open-computer exam. You may not consult with anyone other than the instructor while working on this exam.

This is an open-book, open-notes, open-computer exam. You may not consult with anyone other than the instructor while working on this exam. FINAL EXAM KEY SPRING 2016 CSC 105 INTERACTIVE WEB DOCUMENTS NICHOLAS R. HOWE This is an open-book, open-notes, open-computer exam. You may not consult with anyone other than the instructor while working

More information

Session 11. Calling Servlets from Ajax. Lecture Objectives. Understand servlet response formats

Session 11. Calling Servlets from Ajax. Lecture Objectives. Understand servlet response formats Session 11 Calling Servlets from Ajax 1 Lecture Objectives Understand servlet response formats Text Xml Html JSON Understand how to extract data from the XMLHttpRequest object Understand the cross domain

More information

ajax1.html 1/2 lectures/9/src/ajax/ ajax1.html 2/2 lectures/9/src/ajax/

ajax1.html 1/2 lectures/9/src/ajax/ ajax1.html 2/2 lectures/9/src/ajax/ ajax1.html 1/2 3: ajax1.html 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: Computer Science 50 8: David J. Malan 9: 10: --> 1 1 15: 16:

More information

Forms, Form Events, and Validation. Bok, Jong Soon

Forms, Form Events, and Validation. Bok, Jong Soon Forms, Form Events, and Validation Bok, Jong Soon jongsoon.bok@gmail.com www.javaexpert.co.kr How to Access to Form In JavaScript, access forms through the Document Object Model (DOM). The first approach

More information

Forms, CGI. Objectives

Forms, CGI. Objectives Forms, CGI Objectives The basics of HTML forms How form content is submitted GET, POST Elements that you can have in forms Responding to forms Common Gateway Interface (CGI) Later: Servlets Generation

More information

Lecture (03) from static HTML to

Lecture (03) from static HTML to Lecture (03) from static HTML to dynamic CGI By: Dr. Ahmed ElShafee ١ Dr. Ahmed ElShafee, ACU : Spring 2016, Web Programming Forms Forms add the ability to web pages to not only provide the person viewing

More information

ゼミ Wiki の再構築について 資料編 加納さおり

ゼミ Wiki の再構築について 資料編 加納さおり Wiki [ Fukuda Semi Wiki] [ 2 wiki] [ 3 ] [ 4 ] [ 5 ] [ 6 ] [ 7 ] [ 8 ] [ 9 ] [ 10 ] [ 11 ] [ 12 ] [ 13 ] [ 14 Menu1] [ 15 Menu2] [ 16 Menu3] [ 17 wiki Menu] [ 18 TOP ] [ 19 ] [ 20 ] [ 20] [ 21 ] [ 22 (

More information

Dynamic Web Pages - Integrating JavaScript into a SAS Web Application Caroline Bahler, ASG, Inc.

Dynamic Web Pages - Integrating JavaScript into a SAS Web Application Caroline Bahler, ASG, Inc. Dynamic Web Pages - Integrating JavaScript into a SAS Web Application Caroline Bahler, ASG, Inc. Abstract The use of dynamic web pages in either Internet or Intranet applications is rapidly becoming the

More information

Notes General. IS 651: Distributed Systems 1

Notes General. IS 651: Distributed Systems 1 Notes General Discussion 1 and homework 1 are now graded. Grading is final one week after the deadline. Contract me before that if you find problem and want regrading. Minor syllabus change Moved chapter

More information

Form Validation. Lecture 25. Robb T. Koether. Hampden-Sydney College. Wed, Mar 23, 2018

Form Validation. Lecture 25. Robb T. Koether. Hampden-Sydney College. Wed, Mar 23, 2018 Form Validation Lecture 25 Robb T. Koether Hampden-Sydney College Wed, Mar 23, 2018 Robb T. Koether (Hampden-Sydney College) Form Validation Wed, Mar 23, 2018 1 / 16 1 Form Validation 2 Detecting Javascript

More information

Dynamic HTML becomes HTML5. HTML Forms and Server Processing. Form Submission to Web Server. DHTML - Mouse Events. CMST385: Slide Set 8: Forms

Dynamic HTML becomes HTML5. HTML Forms and Server Processing. Form Submission to Web Server. DHTML - Mouse Events. CMST385: Slide Set 8: Forms HTML Forms and Server Processing Forms provide a standard data entry method for users to send information to a web server Clicking button calls a script on server CGI = Common Gateway Interface CGI scripts

More information

<body> <form id="myform" name="myform"> <!-- form child elements go in here --> </form> </body>

<body> <form id=myform name=myform> <!-- form child elements go in here --> </form> </body> ITEC 136 Business Programming Concepts Week 08, Part 01 Overview 1 Week 7 Review Sentinel controlled loops Results controlled loops Flag controlled loops break and continue keywords Nested loops Loop variable

More information

Working Bootstrap Contact form with PHP and AJAX

Working Bootstrap Contact form with PHP and AJAX Working Bootstrap Contact form with PHP and AJAX Tutorial by Ondrej Svestka Bootstrapious.com Today I would like to show you how to easily build a working contact form using Boostrap framework and AJAX

More information

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert().

src1-malan/ajax/ajax1.html ajax1.html Gets stock quote from quote1.php via Ajax, displaying result with alert(). src1-malan/ajax/ajaxhtml 1 1 1 1 1 2 2 2 2 2 2 2 2 30. 3 3 3 3 3 3 3 3 3 40. 4 4 4 4 4 4 4 4 ajaxhtml Gets stock quote from quotephp via Ajax, displaying result with alert(). Building Mobile Applications

More information

Web Technologies - by G. Sreenivasulu Handout - 1 UNIT - I

Web Technologies - by G. Sreenivasulu Handout - 1 UNIT - I INTRODUCTION: UNIT - I HTML stands for Hyper Text Markup Language.HTML is a language for describing web pages.html is a language for describing web pages.html instructions divide the text of a document

More information

PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore WEB PROGRAMMING Solution Set II

PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore WEB PROGRAMMING Solution Set II PES DEGREE COLLEGE BANGALORE SOUTH CAMPUS 1 K.M. before Electronic City, Bangalore 560 100 WEB PROGRAMMING Solution Set II Section A 1. This function evaluates a string as javascript statement or expression

More information

1.2 * allow custom user list to be passed in * publish changes to a channel

1.2 * allow custom user list to be passed in * publish changes to a channel ToDoList /*** USAGE: ToDoList() Embed a TODO-list into a page. The TODO list allows users to cre Items that are due are highlighted in yellow, items passed due ar list can be added to any page. The information

More information

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting

COSC 2206 Internet Tools. Brief Survey of HTML and XHTML Document Structure Formatting COSC 2206 Internet Tools Brief Survey of HTML and XHTML Document Structure Formatting 1 W3C HTML Home page W3C is the World Wide Web Consortium and their home page has lots of information, links, and a

More information

Javascript, Java, Flash, Silverlight, HTML5 (animation, audio/video, ) Ajax (asynchronous Javascript and XML)

Javascript, Java, Flash, Silverlight, HTML5 (animation, audio/video, ) Ajax (asynchronous Javascript and XML) Web technologies browser sends requests to server, displays results DOM (document object model): structure of page contents forms / CGI (common gateway interface) client side uses HTML/CSS, Javascript,

More information

JAVASCRIPT HTML DOM. The HTML DOM Tree of Objects. JavaScript HTML DOM 1/14

JAVASCRIPT HTML DOM. The HTML DOM Tree of Objects. JavaScript HTML DOM 1/14 JAVASCRIPT HTML DOM The HTML DOM Tree of Objects JavaScript HTML DOM 1/14 ALL ELEMENTS ARE OBJECTS JavaScript can change all the HTML elements in the page JavaScript can change all the HTML attributes

More information

PIC 40A. Lecture 19: PHP Form handling, session variables and regular expressions. Copyright 2011 Jukka Virtanen UCLA 1 05/25/12

PIC 40A. Lecture 19: PHP Form handling, session variables and regular expressions. Copyright 2011 Jukka Virtanen UCLA 1 05/25/12 PIC 40A Lecture 19: PHP Form handling, session variables and regular expressions 05/25/12 Copyright 2011 Jukka Virtanen UCLA 1 How does a browser communicate with a program on a server? By submitting an

More information

Exercise 11. <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> </body> </html>

Exercise 11. <!DOCTYPE html> <html> <head> <meta name=viewport content=width=device-width, initial-scale=1> </head> <body> </body> </html> Exercise 11 The purpose of this exercise is to demonstrate the similarity between different program languages. In this exercise, we will use Javascript to make the same Time Value of Money Solver as in

More information

Manual Html A Href Onclick Submit Form

Manual Html A Href Onclick Submit Form Manual Html A Href Onclick Submit Form JS HTML DOM. DOM Intro DOM Methods HTML form validation can be done by a JavaScript. If a form field _input type="submit" value="submit" /form_. As shown in a previous

More information

LECTURE-2. Functions review HTML Forms. Arrays Exceptions Events. CS3101: Scripting Languages: Javascript Ramana Isukapalli

LECTURE-2. Functions review HTML Forms. Arrays Exceptions Events. CS3101: Scripting Languages: Javascript Ramana Isukapalli LECTURE-2 Functions review HTML Forms Arrays Exceptions Events 1 JAVASCRIPT FUNCTIONS, REVIEW Syntax function (params) { // code Note: Parameters do NOT have variable type. 1. Recall: Function

More information

The first sample. What is JavaScript?

The first sample. What is JavaScript? Java Script Introduction JavaScript is the most popular scripting language on the internet, and works in all major browsers, such as Internet Explorer, Firefox, Chrome, Opera, and Safari. In this lecture

More information

JavaScript (5A) JavaScript

JavaScript (5A) JavaScript JavaScript (5A) JavaScript Copyright (c) 2012 Young W. Lim. Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.2 or any

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

Forms, CGI. Cristian Bogdan 2D2052 / 2D1335 F5 1

Forms, CGI. Cristian Bogdan 2D2052 / 2D1335 F5 1 Forms, CGI Cristian Bogdan 2D2052 / 2D1335 F5 1 Objectives The basics of HTML forms How form content is submitted GET, POST Elements that you can have in forms Responding to forms Common Gateway Interface

More information

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

Control Flow. INFO/CSE 100, Spring 2006 Fluency in Information Technology. Control Flow INFO/CSE 100, Spring 2006 Fluency in Information Technology http://www.cs.washington.edu/100 1 Reading Readings and References» Fluency with Information Technology Chapter 21, Iteration Principles

More information

Web-based IDE for Interfacing View Controller

Web-based IDE for Interfacing View Controller CS Web-based IDE for Interfacing View Controller Presenter: Tejasvi Palvai CS 298 Advisor- Dr. Chris Pollett Committee Members- Dr. Mark Stamp Dr. Robert Chun Outline Purpose Why Web-based IDE? Tools Features

More information

EXPERIMENT OBJECTIVE:

EXPERIMENT OBJECTIVE: EXPERIMENT-1 1.1 To accept a number from one text field in the range of 0 to 999 and shows it in another text field in words. If the number is out of range, it should show out of range and if it is not

More information

HTML 5 Tables and Forms

HTML 5 Tables and Forms Tables for Tabular Data Display HTML 5 Tables and Forms Tables can be used to represet information in a two-dimensional format. Typical table applications include calendars, displaying product catelog,

More information

WMST-201/CPSC-101 Connecting with Computer Science Winter Review of Programming Concepts

WMST-201/CPSC-101 Connecting with Computer Science Winter Review of Programming Concepts WMST-201/CPSC-101 Connecting with Computer Science Winter 2004 1 Concepts Review of Programming Concepts Here is a summary of the main components of programs that have been introduced this semester. Variables.

More information

Programming the Web VALIDATING FORM INPUT

Programming the Web VALIDATING FORM INPUT VALIDATING FORM INPUT One of the common uses of JavaScript is to check the values provided in forms by users to determine whether the values are sensible. When a user fills in a form input element incorrectly

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

Chapter 1 - Model Driven Forms

Chapter 1 - Model Driven Forms Chapter 1 - Model Driven Forms Objectives This chapter includes the following model driven forms topics: Setup FormGroup initialization FormControl object Validation SubForms 1.1 Model Driven Forms Overview

More information

Creating Web Pages Using HTML

Creating Web Pages Using HTML Creating Web Pages Using HTML HTML Commands Commands are called tags Each tag is surrounded by Some tags need ending tags containing / Tags are not case sensitive, but for future compatibility, use

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

cwhois Manual Copyright Vibralogix. All rights reserved.

cwhois Manual Copyright Vibralogix. All rights reserved. cwhoistm V2.12 cwhois Manual Copyright 2003-2015 Vibralogix. All rights reserved. This document is provided by Vibralogix for informational purposes only to licensed users of the cwhois product and is

More information

SilkTest 2009 R2. Rules for Object Recognition

SilkTest 2009 R2. Rules for Object Recognition SilkTest 2009 R2 Rules for Object Recognition Borland Software Corporation 4 Hutton Centre Dr., Suite 900 Santa Ana, CA 92707 Copyright 2009 Micro Focus (IP) Limited. Rights Reserved. SilkTest contains

More information

jquery - Other Selectors In jquery the selectors are defined inside the $(" ") jquery wrapper also you have to use single quotes jquery wrapper.

jquery - Other Selectors In jquery the selectors are defined inside the $( ) jquery wrapper also you have to use single quotes jquery wrapper. jquery - Other Selectors In jquery the selectors are defined inside the $(" ") jquery wrapper also you have to use single quotes jquery wrapper. There are different types of jquery selectors available

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

Submitting forms (client-side)

Submitting forms (client-side) Client/Server Submitting forms (client-side) Submitting forms (client-side) Submitting forms (client-side) submit.php $len = strlen($_post["password"]); $name = $_POST["name"]; print "Welcome ". $name;

More information

INTRODUCTION TO JAVASCRIPT

INTRODUCTION TO JAVASCRIPT INTRODUCTION TO JAVASCRIPT Overview This course is designed to accommodate website designers who have some experience in building web pages. Lessons familiarize students with the ins and outs of basic

More information

Silk Test Object Recognition with the Classic Agent

Silk Test Object Recognition with the Classic Agent Silk Test 13.5 Object Recognition with the Classic Agent Micro Focus 575 Anton Blvd., Suite 510 Costa Mesa, CA 92626 Copyright 2012 Micro Focus. rights reserved. Portions Copyright 1992-2009 Borland Software

More information

Use of PHP for DB Connection. Middle and Information Tier

Use of PHP for DB Connection. Middle and Information Tier Client: UI HTML, JavaScript, CSS, XML Use of PHP for DB Connection Middle Get all books with keyword web programming PHP Format the output, i.e., data returned from the DB SQL DB Query Access/MySQL 1 2

More information

Session 6. JavaScript Part 1. Reading

Session 6. JavaScript Part 1. Reading Session 6 JavaScript Part 1 Reading Reading Wikipedia en.wikipedia.org/wiki/javascript Web Developers Notes www.webdevelopersnotes.com/tutorials/javascript/ JavaScript Debugging www.w3schools.com/js/js_debugging.asp

More information

CSC Web Technologies, Spring HTML Review

CSC Web Technologies, Spring HTML Review CSC 342 - Web Technologies, Spring 2017 HTML Review HTML elements content : is an opening tag : is a closing tag element: is the name of the element attribute:

More information

AJAX(Asynchronous Javascript + XML) Creating client-side dynamic Web pages

AJAX(Asynchronous Javascript + XML) Creating client-side dynamic Web pages AJAX(Asynchronous Javascript + XML) Creating client-side dynamic Web pages AJAX = Asynchronous JavaScript and XML.AJAX is not a new programming language, but a new way to use existing standards. AJAX is

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

dhtml2010.pdf February 25,

dhtml2010.pdf February 25, Dynamic HTML INP 2009/2010 - Client Side Scripting: The DOM and JavaScript Lennart Herlaar lennart@cs.uu.nl http://www.cs.uu.nl/people/lennart room A104, telephone 030-2533921 February 25, 2010 The DOM

More information

JavaScript. Asst. Prof. Dr. Kanda Saikaew Dept. of Computer Engineering Khon Kaen University

JavaScript. Asst. Prof. Dr. Kanda Saikaew Dept. of Computer Engineering Khon Kaen University JavaScript Asst. Prof. Dr. Kanda Saikaew (krunapon@kku.ac.th) Dept. of Computer Engineering Khon Kaen University 1 Why Learn JavaScript? JavaScript is used in millions of Web pages to Validate forms Detect

More information

CISH-6510 Web Application Design and Development. Overview of JavaScript. Overview

CISH-6510 Web Application Design and Development. Overview of JavaScript. Overview CISH-6510 Web Application Design and Development Overview of JavaScript Overview What is JavaScript? History Uses of JavaScript Location of Code Simple Alert Example Events Events Example Color Example

More information

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat

UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS. CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat UNIVERSITY OF TORONTO Faculty of Arts and Science APRIL 2016 EXAMINATIONS CSC309H1 S Programming on the Web Instructor: Ahmed Shah Mashiyat Duration - 2 hours Aid Sheet: Both side of one 8.5 x 11" sheet

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

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

AJAX. Ajax: Asynchronous JavaScript and XML *

AJAX. Ajax: Asynchronous JavaScript and XML * AJAX Ajax: Asynchronous JavaScript and XML * AJAX is a developer's dream, because you can: Read data from a web server - after the page has loaded Update a web page without reloading the page Send data

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

Lecture 6 Web Technologies

Lecture 6 Web Technologies Lecture 6 Web Technologies World Wide Web a network of interlinked hypertext data developed at CERN 89-91 Tim Berners-Lee proposed the project, wrote HTTP, HTML, the first server, Tim Berners-Lee the first

More information