egyetem:webc2:dhtml:f3:reszek
Ez a dokumentum egy előző változata!
| Tantárgy: | Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] |
| Tananyag: | DHTML |
| Feladat: | Ű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:
- 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
- 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.
- 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. (NODE-k kezelése)
Feladat megoldása fejlesztési részfeladatok segítségével
| 1. részfeladat | |
| 2. részfeladat | DIV elem létrehozása |
| 3. részfeladat | Szöveg létrehozása |
| 4. részfeladat | Űrlapelem létrehozása és paraméterezése |
| 5. részfeladat | Soremelés létrehozása |
| 6. részfeladat | Gomb létrehozása és paraméterezése |
| 7. részfeladat | NODE-k megfelelő sorrendben történő összeállítása a pontos megjelenítéshez |
egyetem/webc2/dhtml/f3/reszek.1347386859.txt.gz · legutóbbi módosítás: (külső szerkesztés)
