|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:dhtml:menu|DHTML]]|
|  Feladat:|[[egyetem:webc2:dhtml:f3: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: 
    - Típusa: karakteres
    - Mérete: 80 karakter
    - Űrlapmező neve: nev
    - Űrlapmező előtt jelenjen meg a következő szöveg: Az Ön neve:
  - Hozzunk létre egy nyomógombot 
    - A nyomógomb az űrlapmező alatt jelenjen meg
    - Felirata: Adatok felvétele
    - 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 ======
|  [[egyetem:webc2:dhtml:f3:reszek1|1. részfeladat]]|Alap weboldal és kezelő script létrehozása|
|  [[egyetem:webc2:dhtml:f3:reszek2|2. részfeladat]]|A dinamikusan létrehozandó HTML kód összeállítása|
|  [[egyetem:webc2:dhtml:f3:reszek3|3. részfeladat]]|DIV elem létrehozása|
|  [[egyetem:webc2:dhtml:f3:reszek4|4. részfeladat]]|Szöveg létrehozása|
|  [[egyetem:webc2:dhtml:f3:reszek5|5. részfeladat]]|Űrlapelem létrehozása és paraméterezése|
|  [[egyetem:webc2:dhtml:f3:reszek6|6. részfeladat]]|Soremelés létrehozása|
|  [[egyetem:webc2:dhtml:f3:reszek7|7. részfeladat]]|Gomb létrehozása és paraméterezése|
|  [[egyetem:webc2:dhtml:f3:reszek8|8. részfeladat]]|NODE-k megfelelő sorrendben történő összeállítása a pontos megjelenítéshez|