LING 408/508: Computational Techniques for Linguists

Slides:

Advertisements

Similar presentations

17 HTML, Scripting, and Interactivity Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and.

Advertisements

WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?

23-Aug-14 HTML/XHTML Forms. 2 What are forms? is just another kind of XHTML/HTML tag Forms are used to create (rather primitive) GUIs on Web pages Usually.

24-Aug-14 HTML Forms. 2 What are forms? is just another kind of HTML tag HTML forms are used to create (rather primitive) GUIs on Web pages Usually the.

Dreamweaver Forms Overview. Forms – A Little Review Most user/webpage communication is one way, like this: Most user/webpage communication is one way,

MWD1001 Website Production Using JavaScript with Forms.

LING 408/508: Programming for Linguists Lecture 12 October 2 nd.

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

CIS101 Introduction to Computing Week 08. Agenda Your questions JavaScript text Resume project HTML Project Six This week online Next class.

Creating a Form on a Web Page

Video, audio, embed, iframe, HTML Form

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

How to Make a Web Page: A Crash Course in HTML programming.

Forms Review. 2 Using Forms tag  Contains the form elements on a web page  Container tag tag  Configures a variety of form elements including text.

Computing Concepts Advanced HTML: Tables and Forms.

Multiple Tiers in Action

Personal Independent Networking Project HTML Forms by Chris Smith.

Computer Science 103 Chapter 4 Advanced JavaScript.

WDMD 170 – UW Stevens Point 1 WDMD 170 Internet Languages eLesson: Working with Forms in JavaScript (NON-audio version) © Dr. David C. Gibbs

Creating Databases applications for the Web Reprise. Basic HTML review, forms Preview: Server side vs client side Classwork: create HTML forms and check.

Chapter 9 Working with Forms. Principles of Web Design 2nd Ed. Chapter 9 2 Principles of Web Design Chapter 9 Objectives Understand how forms work Understand.

1 ADVANCED MICROSOFT WORD Lesson 15 – Creating Forms and Working with Web Documents Microsoft Office 2003: Advanced.

Week 4  Using PHP with HTML forms  Form Validation  Create your own Contact form Please Visit:

1 Forms A form is the usual way that information is gotten from a browser to a server –HTML has tags to create a collection of objects that implement this.

Homework for October 2011 Nikolay Kostov Telerik Corporation

Event-driven Programming

Overview of Previous Lesson(s) Over View  ASP.NET Pages  Modular in nature and divided into the core sections  Page directives  Code Section  Page.

Robinson_CIS_285_2005 HTML FORMS CIS 285 Winter_2005 Instructor: Mary Robinson.

1 Lesson 3 Power Techniques HTML and JavaScript BASICS, 4 th Edition Barksdale / Turner.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

1 Midterm Review. 2 Midterm Exam  30% of your grade for the course  October14 at the regular class time  No makeup exam or alternate times  Closed.

HTML Concepts and Techniques Fourth Edition Project 7 Creating a Form on a Web Page.

Chapter 8 Collecting Data with Forms. Chapter 8 Lessons Introduction 1.Plan and create a form 2.Edit and format a form 3.Work with form objects 4.Test.

A Basic Guide to Using Wikispaces Jeff Rew TEDU 673.

CHAPTER 7 Form & PHP. Introduction All of the following examples in this section will require two web pages. The first page retrieves information posted.

PHP Form Introduction Getting User Information Text Input.

HTML Form Teppo Räisänen LIIKE/OAMK Basic Structure of a HTML Form The element defining a form is ’form’ Form’s most important attributes are The.

Week 12 Working with Forms Objectives Understand how forms work Understand form syntax Create input objects Build forms within tables Build and.

TJ 3043 – Web Application Development HTML Form. 2.0 Forms A form is the usual way to communicate information from a Web browser to a server HTML has.

Button and Textbox. Input  Input objects are used to obtain input from the user viewing the webpage. They allow the user to interact with the Web. 

1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer & Mathematical Sciences, Universiti Teknologi.

44238: Dynamic Web-site Development Client Side Programming Ian Perry Room:C48 Extension:7287

TJ 3043 – Web Application Development HTML Form. 2.0 Forms - A form is the usual way information is gotten from a browser to a server - HTML has tags.

LING 408/508: Programming for Linguists Lecture 18 November 2 nd.

Web Technologies Lecture 3 Web forms. HTML5 forms A component of a webpage that has form controls – Text fields – Buttons – Checkboxes – Range controls.

INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.

LING 408/508: Programming for Linguists

Javascript JavaScript is what is called a client-side scripting language:  a programming language that runs inside an Internet browser (a browser is also.

HTML FORMS The TEXT Object Presented By: Ankit Gupta.

INTRODUCTION TO HTML5 New HTML5 User Interface and Attributes.

Basic Webpage Design HTML Forms. Objectives Learn how to use HTML to create a form. Explain the concept of forms Know the difference of GET and POST Discuss.

Creating Databases applications for the Web: week 2 Basic HTML review, forms HW: Identify unique source for asp, php, Open Source, MySql, Access.

1 Web Engineering Forms Lecture 05. FORMS Its how HTML does interactivity. There are quite new feature in HTML5. But the fundamental idea does not change.

Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.

HTML FORM. Form HTML Forms are used to select different kinds of user input. HTML forms are used to pass data to a server. A form can contain input elements.

PHP and SQL Server: Connection IST 210: Organization of Data IST2101.

Using JavaScript to Show an Alert

Using the HTML and CSS Validation Services

Egyptian Language School

Introduction to JavaScript

Web Systems Development (CSC-215)

FORM OBJECT When creating an interactive web site for the Internet it is necessary to capture user input and process this input. Based on the result of.

© 2015, Mike Murach & Associates, Inc.

JavaScript Form Validation

LING 408/508: Computational Techniques for Linguists

Zhen Jiang West Chester University

Introduction to JavaScript

Murach's JavaScript and jQuery (3rd Ed.)

Intro to Programming (in JavaScript)

Presentation transcript:

LING 408/508: Computational Techniques for Linguists Lecture 17

Today's Topics Homework 6 Review Javascript forms BMI calculator example

Homework 6 Review Review is in two stages: Stage 1 today Stage 2 Thursday 2ND CHANCE: to show you understand the code see later slide due tomorrow night

Homework 6 Review File: 15test.html Step 1: test table cell clicking

Homework 6 Review Step 1: test table cell clicking

Homework 6 Review File: 15test2.html Step 2: test can_move()

Homework 6 Review File: 15test3.html Step 3: test move()

Homework 6 Review 2nd chance (due tomorrow night) can you write shuffle() and solved()?

Javascript Forms Example: http://html5doctor.com/demos/forms/forms- example.html HTML Forms: allow the user to input information multiple named input fields for text, numbers, radio buttons, check boxes etc. can be defined within a form values can be sent to a Web server (using GET or POST) by clicking on a button web server implementation: later in this course we'll use forms and call javascript functions (browser-side functionality only)

BMI: Javascript File: bmi-js.html

BMI: Javascript https://www.w3schools.com/html/html_forms.asp

BMI: SVG bmi-gauge.html Download gaugeSVG.js http://www.codeproject.com/Articles/604502/A-universal-gauge-for-your-web-dashboard bmi-gauge.html Download gaugeSVG.js from the course webpage (I've modified his code a bit)

gaugeSVG.js Note: I've modified his code slightly to allow for different colors for lower and upper warning ranges

bmi-gauge.html

bmi-gauge.html

bmi-gauge.html To set the value: gauge.refresh(bmi, true); "" 25 (upperWarningLimit) (lowerWarningLimit) 18.5 30 (upperActionLimit) To set the value: gauge.refresh(bmi, true); "" animation true|false

bmi-gauge.html