Tantárgy:Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:DHTML
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:

Ezt a form-ot kell létrehozni!
Specifikáció:

  1. Minden elemet, amit dinamikusan létrehozunk egy DIV elem alá helyezzünk be a BODY részben.
  2. Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!
  3. A program forráskódjában nem alkalmazhatja az „.innerHTML” tulajdonságot!
  4. 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.
  5. Űrlap szükséges attribútumai:
    1. A,B,C űrlapmezők: típusa: szöveges; szélessége: 20 karakter; nevük: „mezo_a”, „mezo_b”, „mezo_c”
    2. Nyomógomb: típusa: „button”; neve: „gomb”; Felirata: „Pitagorasz-tétel számítás”
    3. Soremeléshez használjuk a BR TAG-et.

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észfeladatFüggvény létrehozása egy darab tetszőlegesen paraméterezett NODE készítésére
4. részfeladatEgy kitevőt létrehozó függvény elkészítése
5. részfeladatFelső szöveg létrehozása
6. részfeladatEgy űrlapelem sort készítő függvény létrehozása
7. részfeladatMindhárom űrlapelemsor és feliratuk elkészítése
8. részfeladatGomb elkészítése