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ó:

  1. 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:
  2. Hozzunk létre egy nyomógombot
    1. A nyomógomb az űrlapmező alatt jelenjen meg
    2. Felirata: Adatok felvétele
    3. Típusa: submit
  3. Minden elemet, amit dinamikusan létrehozunk egy DIV elem alá helyezzünk be a BODY részben.
  4. Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!
  5. A program forráskódjában nem alkalmazhatja az ”.innerHTML” tulajdonságot!
  6. 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észfeladatAlap weboldal és kezelő script létrehozása
2. részfeladatA dinamikusan létrehozandó HTML kód összeállítása
3. részfeladatDIV elem létrehozása
4. részfeladatSzöveg létrehozása
5. részfeladatŰrlapelem létrehozása és paraméterezése
6. részfeladatSoremelés létrehozása
7. részfeladatGomb létrehozása és paraméterezése
8. részfeladatNODE-k megfelelő sorrendben történő összeállítása a pontos megjelenítéshez