Tartalomjegyzék

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

  1. Hozzunk létre egy beviteli mezőt:
    Segítség a megoldásához (elakadás esetére!)
    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
    Segítség a megoldásához (elakadás esetére!)
    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.
    Segítség a megoldásához (elakadás esetére!)
  4. Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!
    Segítség a megoldásához (elakadás esetére!)
  5. A program forráskódjában nem alkalmazhatja az ”.innerHTML” tulajdonságot!
    Segítség a megoldásához (elakadás esetére!)
  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)
    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!

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!

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.

Elkészített program forráskódja