Try the numerous examples scattered throughout this site.

Web Authoring For Interactivity
Using JavaScript And Forms

AFTER PAGE LOADS

Move Here Test

Click Here Test


INDEX


Note: The animation of the logo upon loading of the page, the opening of the new "welcome" window when the top-right link is clicked, and the opening of the confirmation and alert boxes when the mouse moves over the other link at the top-right of this page are all controlled by JavaScript code. So think about how you might be able to use these techniques on your web pages.

Richard L. Bowman, PhD
Harrisonburg, VA, USA

CAUTION: Do not try all of the items implemented on this page on one of your own pages. It is just too much!! Be selective and use only what fits the purpose of your web page.

Introduction

These web pages are designed primarily for educators who are interested in including more interactivity on their web pages, whether for a course, an academic department or a personal web site. Some of this material initially grew out of a workshop held at Bridgewater College, June 9-11, 1999, for faculty members from VFIC-member colleges or universities. (Professors Brian Howard, Bridgewater College, and Jim Allen, Hollins University, were also instructors at that workshop.) Since then I have developed and extended my use of web-based forms and JavaScript in various projects. All of the information presented here has been dramatically rewritten and expanded for a workshop at Mary Washington College, May 13-14, 2002, and as a resource for others.

In keeping with the initial impetus for the formation of the world-wide-web, i.e., to enhance and facilitate the free exchange of information, all of the code given here may be freely used by others. The only request is that, as with any intellectual work, appropriate credit be given to the authors of any code that is borrowed.

Any questions, suggestions or other comments may be directed via email to me: Richard L. Bowman ( richard.bowman@edtechbybowman.net ).


Site Description

The tutorials are designed to provide a hands-on introduction to HTML forms and JavaScript.

Persons who work through this material will learn the basics behind:

1. Employing HTML forms to gain information from students via multiple-choice options, drop-down selections, and text boxes;

2. Writing JavaScript code that will process the information from a web form and generate new web pages;

3. Using "cookies" to store data, entered by students, for later use by JavaScript code;

4. Plotting graphs on web pages using JavaScript

5. Constructing interactive simulations using these techniques

Persons using this site should already have some experience authoring web pages and a general understanding of HTML. While not necessary, some experience with writing in a computer language, e.g., Basic, C, Fortran, etc., will enable persons to more readily learn the basics of programming with JavaScript.


Created and maintained by: Richard L. Bowman ( richard.bowman@edtechbybowman.net );
 last updated: 31-Mar-11.