|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:dhtml:menu|DHTML]]|
|  Feladat:|[[egyetem:webc2:dhtml:f1:feladat|Form létrehozása DHTML módszerrel]]|
====== Feladat ======
Készítsük programot, amelyben kizárólag a DHTML módszerben megismert eszközökkel megjeleníti a következő képen látható formot: \\ \\ 
{{ :egyetem:webc2:dhtml:f1:webc2_dhtml_f1.jpg |Ezt a form-ot kell létrehozni!}} \\
Specifikáció:
  - 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.
  - Űrlap szükséges attribútumai:
    - A,B,C űrlapmezők: típusa: szöveges; szélessége: 20 karakter; nevük: "mezo_a", "mezo_b", "mezo_c"
    - Nyomógomb: típusa: "button"; neve: "gomb"; Felirata: "Pitagorasz-tétel számítás"
    - Soremeléshez használjuk a BR TAG-et.
====== Feladat megoldása fejlesztési részfeladatok segítségével ======
|  [[egyetem:webc2:dhtml:f1:reszek1|1. részfeladat]]|Alap weboldal és kezelő script létrehozása|
|  [[egyetem:webc2:dhtml:f1:reszek2|2. részfeladat]]|A dinamikusan létrehozandó HTML kód összeállítása|
|  [[egyetem:webc2:dhtml:f1:reszek3|3. részfeladat]]|Függvény létrehozása egy darab tetszőlegesen paraméterezett NODE készítésére|
|  [[egyetem:webc2:dhtml:f1:reszek4|4. részfeladat]]|Egy kitevőt létrehozó függvény elkészítése|
|  [[egyetem:webc2:dhtml:f1:reszek5|5. részfeladat]]|Felső szöveg létrehozása|
|  [[egyetem:webc2:dhtml:f1:reszek6|6. részfeladat]]|Egy űrlapelem sort készítő függvény létrehozása|
|  [[egyetem:webc2:dhtml:f1:reszek7|7. részfeladat]]|Mindhárom űrlapelemsor és feliratuk elkészítése|
|  [[egyetem:webc2:dhtml:f1:reszek8|8. részfeladat]]|Gomb elkészítése|