UQI135HM Dynamic HTML and Java. Dynamic HTML – 2 aspects Interaction with user (could be forms or Javascript) Setting object properties dynamically (eg.

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

MWD1001 Website Production Using JavaScript with Forms.
In Review JAVA C++ GUIs - Windows Webopedia.com.
DT228/3 Web Development WWW and Client server model.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic JavaScript: Introduction to Scripting.
MSc. Publishing on WWW JavaScript. What is JavaScript? A scripting language devised by Netscape Adds functionality to web pages by: Embedding code into.
Multimedia authoring with iShell Ian Hart CAUT Interactive Media Group.
Apache Tomcat Server – installation & use Server-side language-- use Java Server Pages Contrast Client-side languages HTML Forms Servers & Server-side.
Multiple Tiers in Action
Web Page Behavior IS 373—Web Standards Todd Will.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Contrast with JavaScript HTML Formsto invoke Java Server Pages Structure of Forms Query strings Java Server Pages Sent From Browser To Serverfor JSP.
XML on the Web: is it still relevant? O'Neil D. Delpratt.
Java Server Pages (JSP) Presented by: Ananth Prasad & Alex Ivanov May 10, 2001.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
INTRODUCTION TO WEB DATABASE PROGRAMMING
M. Taimoor Khan * Java Server Pages (JSP) is a server-side programming technology that enables the creation of dynamic,
4.1 JavaScript Introduction
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
WEB DESIGN AND PROGRAMMING Introduction to Javascript.
Introduction to ASP.NET. Prehistory of ASP.NET Original Internet – text based WWW – static graphical content  HTML (client-side) Need for interactive.
20-753: Fundamentals of Web Programming Copyright © 1999, Carnegie Mellon. All Rights Reserved. 1 Lecture 16: Java Applets & AWT Fundamentals of Web Programming.
Dynamic Web Pages (Flash, JavaScript)
ASP.NET Dr. Ralph Westfall May, Web Development Problem HTML designed to display static pages only interactive when user clicks links  can’t provide.
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
CNIT 133 Interactive Web Pags – JavaScript and AJAX JavaScript Environment.
THE BIG PICTURE. How does JavaScript interact with the browser?
Web Programming: Client/Server Applications Server sends the web pages to the client. –built into Visual Studio for development purposes Client displays.
Working with Objects Creating a Dynamic Web Page.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
Introduction to Applets CS 3505 Client Side Scripting with applets.
Java CGI Lecture notes by Theodoros Anagnostopoulos.
Putting Applets into Web Pages.  Two things are involved in the process of putting applets onto web pages ◦ The.class files of the applet ◦ The html.
Tutorial 10 Programming with JavaScript
 2003 Prentice Hall, Inc. All rights reserved. CHAPTER 3 JavaScript 1.
Dynamic Web Pages & JavaScript. Dynamic Web Pages Dynamic = Change Dynamic Web Pages are web pages that change. More than just moving graphics around.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Simple MVC. An example: join.jsp
JavaScript - A Web Script Language Fred Durao
Introduction to Client Side Scripting CS Client Side Scripting Client side means the Browser is interpreting the script Script is downloaded with.
CS 4720 Dynamic Web Applications CS 4720 – Web & Mobile Systems.
CSE S. Tanimoto Java Introduction 1 Java A Programming Language for Web-based Computing with Graphics.
Introduction to JavaScript CS101 Introduction to Computing.
XP Tutorial 8 Adding Interactivity with ActionScript.
Web Pages with Features. Features on Web Pages Interactive Pages –Shows current date, get server’s IP, interactive quizzes Processing Forms –Serach a.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
Producing a high-impact web experience by integrate Macromedia Flash and ASP By Katie Tuttle CS 330: Internet Architecture and Programming Project.
Javascript JavaScript is what is called a client-side scripting language:  a programming language that runs inside an Internet browser (a browser is also.
JavaScript 101 Introduction to Programming. Topics What is programming? The common elements found in most programming languages Introduction to JavaScript.
Web Programming Overview. Introduction HTML is limited - it cannot manipulate data How Web pages are extended (include): –Java: an object-oriented programming.
Client-Server applications Introduction to Java Applets Client-server architectures Why do Applets exist? What can an Applet do?
Java Script. What is JavaScript ? It is an scripting language, developed by Netscape Navigator. It can be used to replace CGI scripts for client-side.
1 CSC160 Chapter 1: Introduction to JavaScript Chapter 2: Placing JavaScript in an HTML File.
JavaScript and Ajax (JavaScript Environment) Week 6 Web site:
JavaScript Invented 1995 Steve, Tony & Sharon. A Scripting Language (A scripting language is a lightweight programming language that supports the writing.
1 Introducing Web Developer Tools Rapid application development tools ASP.NET-compatible web editors –Visual Studio.NET Professional Edition –Visual Studio.
ASP – Web Programming Class  Ravi Anand. ASP – Active Server Pages What is ASP? - Microsoft Technology - Can Run using IIS/PWS/Others - Helps us create.
Introduction to Algorithm. What is Algorithm? an algorithm is any well-defined computational procedure that takes some value, or set of values, as input.
Applications Active Web Documents Active Web Documents.
Javascript and Dynamic Web Pages: Client Side Processing
Section 17.1 Section 17.2 Add an audio file using HTML
1. Environment Setting Minhaeng Lee.
Section 10.1 YOU WILL LEARN TO… Define scripting
Database Driven Websites
Silverlight Technology
Systems Thinking: Systems modeling quick start
Web Design and Development
Unit 6 part 6 Test Javascript Test.
Web Application Development Using PHP
Presentation transcript:

UQI135HM Dynamic HTML and Java

Dynamic HTML – 2 aspects Interaction with user (could be forms or Javascript) Setting object properties dynamically (eg stylesheets)

Dynamic HTML (1) The essential aspect of Dynamic HTML is that the user is involved in providing input - usually via a form. The input is associated with variables - which should have a meaningful name (for example, v_shoes, v_coat). The variables are processed, usually by a set of JavaScript functions. Output is then made to the user - either by setting the values of fields in the table, or (as in the case of the example provided), by setting up a new window.

Dynamic HTML example

Dynamic HTML (2) – stylesheets etc. Example 1 – simple use of Javascriptsimple use of Javascript Example 2 – changing the contentchanging the content Example 3 – adding contentadding content Example 4 – inlineinline Example 5 – Using a stylesheetUsing a stylesheet Example 6 – animating a graphicanimating a graphic Example 7 – more complex Javascriptmore complex Javascript

Java Java code is compiled to a.class file in an intermediate code (bytecode)code This is downloaded and run on the browser by using the Java Runtime Environment (JRE) as a helper. Here’s an exampleexample A useful site: