|  Tantárgy:|[[egyetem:webc2:menu|Webes rendszerek kliens oldali programozása 2. [IM3314, WP3316] ]]|
|  Tananyag:|[[egyetem:webc2:cookie:menu|JavaScript - Cookie kezelés]]|
====== Készülék tulajdonosa ======
===== Feladat =====
Olyan weboldal készítése, amely segítségével rögzíthetjük az adott készülék tulajdonosának adatait egy egyszerű űrlap segítségével.

===== Specifikáció =====
  - Helyezzen fel a weboldalra 3 űrlap elemet
    - Formázott megjelenésüket táblázatban helyezze el. Egy sorban egy darab űrlapmező és annak felirata jelenjen meg 2 oszlopban.
    - Feliratuk: Név, Cím, Telefonszám
  - Helyezzen fel egy gombot, a következő működéssel:
    - A gomb felirata attól függően, hogy \\ [[egyetem:webc2:cookie:f5:help1|Segítség a megoldásához (elakadás esetére!)]]
      - Ha még nem voltak eltárolva az adatok: Adatok tárolása
      - Ha még már el voltak tárolva az adatok: Adatok módosítása
    - Gomb megnyomására a következők történjenek: \\ [[egyetem:webc2:cookie:f5:help2|Segítség a megoldásához (elakadás esetére!)]]
      - Ellenőrizze, hogy a név és cím űrlapmezőkben legalább 3 karakter hosszúságú érték van elhelyezve; ha nem, akkor felbukkanó üzenetben figyelmeztessen az adatok hiányára és ne csináljon továbbiakban semmit!
      - Megfelelő adat esetében cookie-ban tárolja el az űrlapelemekben elhelyezett adatokat.
      - Töltse be újra a weboldalt.
  - Az oldal betöltődésekor ellenőrizze, hogy el volt-e mentve adat, \\ [[egyetem:webc2:cookie:f5:help3|Segítség a megoldásához (elakadás esetére!)]]
    - Ha nem akkor tájékoztasson: A készüléknek nincs tulajdonosa!
    - Ha igen akkor tájékoztasson: A készülék tulajdonosának adatai: (Ebben az esetben minden űrlap beviteli mezőben jelenjenek meg a már rögzített adatok.) \\ A tájékozató üzenet alatt jelenjenek meg az űrlap beviteli mezők!
  - Helyezzünk fel egy gombot, amely lehetőséget ad az adatok törlésére! (az alapállapot visszaállítására) \\ [[egyetem:webc2:cookie:f5:help4|Segítség a megoldásához (elakadás esetére!)]]
    - Felirata: Adatok törlése
    - Gomb megnyomására:
      - Cookie-ból töröljük az adatokat.
      - Töltse be újra a weboldalt.
===== 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! \\ \\
[[http://tptg.hu/egyetem/webc2/cookie_f5.htm|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. \\ \\
[[egyetem:webc2:cookie:f5:forrasanyag|Elkészített program forráskódja]]