Ö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:reszek3m [2012/07/25 14:34] – peter
+++ egyetem:webc2:dhtml:f1:reszek3m [2012/09/11 21:25] (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]]|
-| |[[egyetem:webc2:dhtml:f1:reszek3|3. lépcsőfok]]|
+|  Kidolgozás:|[[egyetem:webc2:dhtml:f1:reszek|Feladat megoldása fejlesztési részfeladatok segítségével]]||
-. A felső felirat megfogalmazása HTML kódként.
+| Részfeladat:|[[egyetem:webc2:dhtml:f1:reszek3|3. részfeladat]]|
+====== Részfeladat ======
+Függvény létrehozása egy darab tetszőlegesen paraméterezett NODE készítésére
 ====== Részfeladat megoldásának forrása ======
 <file>
-   Pitagorasz-tétel definíciója: a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>
+         // Egy NODE elkészítése egyedi paraméterekkel
+         // iTipus - Megmutatja, hogy milyen típusú NODE-t kell készíteni
+         //          0 - TEXT NODE
+         //          1 - TAG NODE
+         // sName  - Mi legyen a NODE szövege vagy mi a TAG neve
+         // Minden további láthatatlan paraméter valamilyen attributúm nevét és értékét takarja (mindig együtt kell szerepeljenek!)
+         // Visszatérésként az elkészített NODE-t adja vissza a függvény
+         function funcCreateOneNode(iTipus,sName){
+            if(iTipus==0){
+               // Szöveges NODE létrehozása
+               var newNode=document.createTextNode(sName);
+            }else{
+               // TAG NODE létrehozása
+               var newNode=document.createElement(sName);
+               // Attribútumok lekezelése; ha nem csak 2 paramétere volt a függvénynek
+               if(arguments.length>2){
+                  // Minden egymást követő 2 paraméter feldolgozása attribútum beállítása céljából
+                  i=2;
+                  while(i<arguments.length){
+                     // Az első az attribútum neve
+                     // A második az attribútum értéke
+                     newNode.setAttribute(arguments[i],arguments[i+1]);
+                     i+=2;
+                     }
+                  }
+               }
+            return newNode;
+            }
 </file>
-====== XHTML ======
+====== Megoldás forráskódja ======
-Ha xhtml szabványnak szeretnénk megfelelni a feladat megoldása közben, akkor minden egyes szövegrész TAG-ek közé kell zárnunk:
 <file>
-   <span>Pitagorasz-tétel definíciója: a</span><sup>2</sup><span> + b</span><sup>2</sup><span> = c</span><sup>2</sup>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+   <head>
+      <title>Form létrehozása DHTML módszerrel - 3</title>
+      <meta name="author" content="Tóth Péter" />
+      <meta name="copyright" content="© 2012, NYME SEK" />
+      <meta http-equiv="date" content="2012-09-11" />
+      <meta name="revised" content="Tóth Péter, 11/09/2012" />
+      <meta name="description" content="DHTML - Form létrehozása DHTML módszerrel" />
+      <meta http-equiv="content-language" content="hu" />
+      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
+      <script type="text/javascript">
+         <!--
+         // Egy NODE elkészítése egyedi paraméterekkel
+         // iTipus - Megmutatja, hogy milyen típusú NODE-t kell készíteni
+         //          0 - TEXT NODE
+         //          1 - TAG NODE
+         // sName  - Mi legyen a NODE szövege vagy mi a TAG neve
+         // Minden további láthatatlan paraméter valamilyen attributúm nevét és értékét takarja (mindig együtt kell szerepeljenek!)
+         // Visszatérésként az elkészített NODE-t adja vissza a függvény
+         function funcCreateOneNode(iTipus,sName){
+            if(iTipus==0){
+               // Szöveges NODE létrehozása
+               var newNode=document.createTextNode(sName);
+            }else{
+               // TAG NODE létrehozása
+               var newNode=document.createElement(sName);
+               // Attribútumok lekezelése; ha nem csak 2 paramétere volt a függvénynek
+               if(arguments.length>2){
+                  // Minden egymást követő 2 paraméter feldolgozása attribútum beállítása céljából
+                  i=2;
+                  while(i<arguments.length){
+                     // Az első az attribútum neve
+                     // A második az attribútum értéke
+                     newNode.setAttribute(arguments[i],arguments[i+1]);
+                     i+=2;
+                     }
+                  }
+               }
+            return newNode;
+            }
+         // OnLoad
+         function funcStart(){
+            }
+         -->
+      </script>
+   </head>
+   <body onload="funcStart()"></body>
+</html>
 </file>