Összehasonlítás

A kiválasztott és az jelenlegi változat között az alábbi különbségek fordulnak elő:

--- egyetem:webc2:dhtml:f1:reszek3 [2012/07/25 14:14] – létrehozva peter
+++ egyetem:webc2:dhtml:f1:reszek3 [2012/09/11 20:49] (aktuális) – peter
@@ Sor 2: / Sor 2: @@
 |  Tananyag:|[[egyetem:webc2:dhtml:menu|DHTML]]|
 |  Feladat:|[[egyetem:webc2:dhtml:f1:feladat|Form létrehozása DHTML módszerrel]]|
+|  Kidolgozás:|[[egyetem:webc2:dhtml:f1:reszek|Feladat megoldása fejlesztési részfeladatok segítségével]]||
-|  **Feladat megoldása fejlesztési lépcsők segítségével**  ||
+|  Előző részfeladat:|[[egyetem:webc2:dhtml:f1:reszek2|2. részfeladat]]|
-|  [[egyetem:webc2:dhtml:f1:reszek1|1. lépcsőfok]]|„Az alap HTML oldalunknak a BODY részében nem helyezhetünk el semmilyen TAG-et!” lekezelése|
+====== 3. részfeladat ======
-|  [[egyetem:webc2:dhtml:f1:reszek2|2. lépcsőfok]]|A felső felirat megfogalmazása HTML kódként|
+Függvény létrehozása egy darab tetszőlegesen paraméterezett NODE készítésére
-====== 3. lépcsőfok ======
+====== Segítség ======
-Első blokk megjelenítése a felületen DHTML utasításokkal.
+Ha megvizsgáljuk a feladatot láthatjuk, hogy sok egyedi NODE-t kell létrehozni. Mivel ez közel azonos folyamatot takar magában ezért érdemes készíteni egy olyan függvényt, amelyiket megfelelő paraméterezéssel ellátva elkészít számunkra egy adott NODE-t. A függvény megtervezésekor vegyük figyelembe, hogy szöveges és TAG típusú NODE-kat kell létrehozni, és hogy szűkség lesz egyedi attribútumok beállítására is. (ráadásul ezek száma NODE-onként különböző!)\\
-===== Folyamat =====
+Egy ilyen függvény alkalmazásával jelentősen le tudjuk csökkenteni forráslistánkat és a forráslista áttekinthetőbbé is válik.
-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. \\
+====== Megoldás ======
-Az első blokk megjelenítéséhez kövessük a következő folyamatot:
+[[egyetem:webc2:dhtml:f1:reszek3m|Forrás]]
-  - Vegyük az első blokkhoz tartozó HTML kódot: "Pitagorasz-tétel definíciója: a".
+====== Folytatás ======
-  - Megállapítjuk a létrehozandó elem típusát: szöveg, text.
+[[egyetem:webc2:dhtml:f1:reszek4|4. részfeladat]]
-  - 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
-([[egyetem:webc2:dhtml:f1:reszek3m|megoldás forrása]])
-===== Folytatás =====
-[[egyetem:webc2:dhtml:f1:reszek4|4. lépcsőfok]]