|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:dhtml:menu|DHTML]]|
====== Ű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: \\ [[egyetem:webc2:dhtml:f3:help5|Segítség a megoldásához (elakadás esetére!)]]
    - 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 \\ [[egyetem:webc2:dhtml:f3:help4|Segítség a megoldásához (elakadás esetére!)]]
    - 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. \\ [[egyetem:webc2:dhtml:f3:help6|Segítség a megoldásához (elakadás esetére!)]]
  - Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et! \\ [[egyetem:webc2:dhtml:f3:help1|Segítség a megoldásához (elakadás esetére!)]]
  - A program forráskódjában nem alkalmazhatja az ”.innerHTML” tulajdonságot! \\ [[egyetem:webc2:dhtml:f3:help2|Segítség a megoldásához (elakadás esetére!)]]
  - 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) \\ [[egyetem:webc2:dhtml:f3:help3|Segítség a megoldásához (elakadás esetére!)]]
===== Feladat megoldása fejlesztési részfeladatok segítségével =====
Ne feledjük el, hogy az itt bemutatott fejlesztési lépcső csak egy irányvonal arra vonatkozólag, ahogy hogyan lehet elindulni az adott feladat megoldásában, de természetesen mindenki a saját elképzelése, gyakorlata, tapasztalata szerint készíthet el egy feladatot! \\ \\
[[egyetem:webc2:dhtml:f3:reszek|Feladat kidolgozása részfeladatokkal]]
===== Megoldás =====
Az itt megjelenített megoldást lehetőleg csak arra használja, hogy segítséget nyerjen a feladat megfogalmazásának megértésére, de ne használja a program kódját az Ön által elkészítendő program kódjának megírásához! A másolással csak magát csapja be és megfosztja magát a szoftver fejlesztési képességének fejlődésétől! \\ \\
[[http://tptg.hu/egyetem/webc2/dhtml_f3.htm|Megoldás megtekintése]] \\ \\
A forráslistát csak akkor tekintse meg, ha már végrehajtotta önálló munkával az adott feladat kidolgozását. Az itt megtekinthető megoldás csak segítség arra vonatkozólag, hogy milyen egy elkészített megoldás amely lefedi a feladat kiírásban foglaltakat maradéktalanul. Tudjuk, hogy egy kiírt feladat megoldáshoz számtalan formában juthatunk el, így ha az Ön megoldása megfelel a feladat kiírásban megfogalmazottaknak, akkor tökéletesen végrehajtotta a célt! Az, hogy egy kód mennyire optimális az már a fejlesztő tudásától, gyakorlatától és tapasztalatától függ, minél többet gyakorolja a fejlesztést annál inkább optimálisabb kódot fog készíteni. \\ \\
[[egyetem:webc2:dhtml:f3:forrasanyag|Elkészített program forráskódja]]