Digitaalisen median tekniikat, kevät 2005

Harjoitus 4 (14.2.-18.2.)

Dynaaminen HTML perustuu siihen, että JavaScriptillä muutetaan joitain dokumentin elementtien ominaisuuksia tai dokumentin näkyvää sisältöä. Seuraavat kolme tehtävää liittyvät dynaamiseen HTML:ään, neljäs PHP:hen.

Tehtävä 1

Toteuta lomake, jossa valikkovalinnan perusteella näytetään vaihtoehtoisia lisävalikoita. Laita valikkoosi ainakin kaksi vaihtoehtoa.

Tehtävä 2

Käyttöliittymäteknisesti pop up -virheilmoituksia (=JavaScriptin alert) pidetään huonona ratkaisuna. Toteuta html -lomakkeeseen jokin vaihtoehtoinen virheilmoitustapa syöttökentän virheestä ilmoittamiseksi, esimerkiksi kentän värjäys ja tai ilmoitus kentän vieressä. Ilmoitus voisi tulla heti syöttökentästä poistuttaessa. Voiko pakollisen kentän puuttumisesta ilmoittaa samalla tavoin?

Tehtävä 3

Toteuta Javascriptillä sivu, jolla olevan viestilaatikon sisältö vaihtuu ajastetusti.

Tehtävä 4

Toteuta tehtävän 1 vaihtuvarakenteinen lomake php:llä (ensimmäisen valinnan jälkeen lomake pitää lähettää palvelimelle ja lisätä siellä lisävalikot tuotettavaan uuteen sivuun).

Tässä vaiheessa olisi jo syytä päättää näytekansioon sisältyvän harjoitustyön aihe.