Ez a dokumentum egy előző változata!

Tantárgy:	Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:	DHTML
Feladat:	Űrlapmező létrehozása DHTML módszerrel

Feladat

Készítsünk egyszerű űrlapot DHTML módszerrel. Az űrlapon egy beviteli mező a megnevezésével és egy gomb fog szerepelni.

Specifikáció:

Hozzunk létre egy beviteli mezőt:
1. Típusa: karakteres
2. Mérete: 80 karakter
3. Űrlapmező neve: nev
4. Űrlapmező előtt jelenjen meg a következő szöveg: Az Ön neve:
Hozzunk létre egy nyomógombot
1. A nyomógomb az űrlapmező alatt jelenjen meg
2. Felirata: Adatok felvétele
3. Típusa: submit
Minden elemet, amit dinamikusan létrehozunk egy DIV elem alá helyezzünk be a BODY részben.
Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!
A program forráskódjában nem alkalmazhatja az ”.innerHTML” tulajdonságot!
A program betöltődése után javascript utasításokkal dinamikusan hozzuk létre az egyes elemeket a BODY részbe a DHTML tananyagban megismert eszközökkel. (NODE-k kezelése)

Feladat megoldása fejlesztési részfeladatok segítségével

1. részfeladat	Alap weboldal és kezelő script létrehozása
2. részfeladat	DIV elem létrehozása
3. részfeladat	Szöveg létrehozása
4. részfeladat	Űrlapelem létrehozása és paraméterezése
5. részfeladat	Soremelés létrehozása
6. részfeladat	Gomb létrehozása és paraméterezése
7. részfeladat	NODE-k megfelelő sorrendben történő összeállítása a pontos megjelenítéshez