Ez a dokumentum egy előző változata!

Tartalomjegyzék

3. lépcsőfok
- Folyamat
- Folytatás

Tantárgy:	Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316]
Tananyag:	DHTML
Feladat:	Form létrehozása DHTML módszerrel

Feladat megoldása fejlesztési lépcsők segítségével
1. lépcsőfok	„Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!” lekezelése
2. lépcsőfok	A felső felirat megfogalmazása HTML kódként

3. lépcsőfok

Első blokk megjelenítése a felületen DHTML utasításokkal.

Folyamat

Az előző pontban megállapított HTML kódot át kell alakítani DHTML utasításokká. A DHTML-ben mindig először létre kell hozni az adott NODE-t, majd fel kell paraméterezni a megfelelő megjelenítésre. Minden egyes blokk, amelyet az előző pontban megállapítottunk az egy adott NODE vagy NODE csoport.
Az első blokk megjelenítéséhez kövessük a következő folyamatot:

Vegyük az első blokkhoz tartozó HTML kódot: „Pitagorasz-tétel definíciója: a”.
Megállapítjuk a létrehozandó elem típusát: szöveg, text.
Létre hozunk a típusnak megfelelő NODE-t. Jelen esetünkben egy TEXT NODE-ról beszélünk, utasítása: createTextNode, Az eredményt beletesszük egy változóba!
A változó tartalmazza a NODE összes paraméterét. Ebben az esetben nem kell egyéb paraméterezést végrehajtanunk az adott NODE-n. Általánosságban igaz ez TEXT NODE esetére!
Feliratunk még csak a memóriában létezik, ahhoz hogy megjelenjen a felületen hozzá kell fűzni a BODY részhez. Használjuk a következőt: appendChild

(megoldás forrása)

Folytatás

4. lépcsőfok