CSci 4657 Problem set 1. Due Monday, February 14 at 11:59pm
Individual problem set, 30 points
Your task is to set up a page that uses various Javascript features
and DOM.
General requirements
- Set up a basic XHTML page with CSS formatting, or use your
solution for problem set 1. Add dynamic features to it using
Javascript and DOM.
- The source code must be well-organized and well-documented. Use
JSLint to detect bad style Javascript and correct errors (or explain
why they are not a problem).
Javascript/DOM requirements.
- You need to have at least six interactive elements in the
page.
- Use at least one form.
- Form data must be validated. Validate at least three inputs. At
least one case of validation must
be using regular expressions.
- Use at least three top-level functions and at least one nested
function (using a closure).
- Use at least one example where the data submitted through a form
gets used dynamically to change the page (e.g. the user specifying
a new background of a page).
- Use at least three different types of Javascript events
(
onclick
, etc).
- Change at least two html elements and at least two CSS properties
using Javascript.
- Use each of the following at least once: get an element by id,
get an element by a path that refers to a tag name, get an element
by using predefined collections, such as links.
- Be creative with your Javascript features. The most creative
features will get extra credit.
- Your page must validate as XHTML 1.1 strict, except possibly for
using tags in Javascript write statements. Although you cannot
validate the generated contents, you should still make sure that it
is XHTML-valid.
Your CSS must validate.
How to submit your page
For now send me all of your source pages. When this changes, I will
let you know.
This page is a part of CSci 4657
course web site.