7. eloadas Flashcards
(15 cards)
ESEMÉNYKEZELÉS
- JavaScript segítségével interaktív weblapokat készíthetünk.
- Alapvetően ez azt jelenti, hogy a honlap képes érzékelni a különböző felhasználói (és böngésző) eseményeket, és azokra valamilyen módon reagálni.
- Minden egyes HTML elemhez vannak hozzárendelt események, melyekre javascript függvényeket futtathatunk le.
Jellemző események
- egérkattintás
- a weboldal vagy egy objektum betöltődése
- az egeret érzékeny területen mozgatjuk
- listából egy elem kiválasztásra kerül
- űrlap elküldése
- billentyűleütés
ONCLICK
- ha a felhasználó megnyomja a gombot végrehajtja az alert(‘Hello!’) JavaScript kódot
- ez egy függvény, amely létrehoz egy üzenetablakot, melyben a zárójelen belül idézőjelek közé írt szöveget jeleníti meg
- Megj. lehet idézőjelen belül aposztrófot használni!
GYAKRAN HASZNÁLT ESEMÉNYKEZELŐK weboldal betöltésekor, elhagyásakor
- onLoad, - böngésző típusának lekérdezése
- onUnload, - kilépés kezelése űrlap kezelés
- onFocus – belépés egy űrlap elembe
- onBlur – űrlap elem elhagyása
- onChange – űrlap elem tartalma megváltozik
- onSubmit – űrlap elküldése
Xxxxxx
GYAKRAN HASZNÁLT ESEMÉNYKEZELŐK egérmozgás
- onMouseOver – egér fölé kerül egy elemnek
- onMouseOut – egér elhagyja az elemet időzítő események
- getHours(), getMinutes(), getSeconds()
- setTimeout
DIALÓGUSABLAKOK
- A felhasználó figyelmét ráirányítjuk valamilyen fontos információra egy dialógusablak segítségével.
3 lehetőség:
- Üzenetablak
- Kérdés
- Egyszerű adatbevitel
ÜZENETABLAK
- Az üzenetablak csupán egy egyszerű információt közöl, ezért az alert függvénynek is csak egy paramétert kell megadnunk.
- A felhasználó mindössze tudomásul veheti a közölt üzenetet.
KÉRDÉS
- A felhasználótól külön dialógus-ablakból kérünk választ egy eldöntendő kérdésre.
*A confirm függvény visszatérési értéke jelzi, hogy a felhasználó melyik gombot választotta.
EGYSZERŰ ADATBEVITEL
- A prompt függvénnyel egy egysoros szöveg bevitelét kérhetjük a felhasználótól.
A függvény első paramétere az üzenet szövege, a második pedig az alapértelmezett válasz (nem kötelező megadni).
Itt is a függvény visszatérési értékén keresztül juthatunk a felhasználó válaszához.
(Ha a felhasználó a Mégse gombot választotta, null a visszaadott érték.
HTML ŰRLAPOK (FORM)
- Az űrlap elem Űrlapokat a form elemmel hozhatunk létre, az összes kitölthető űrlap mező (pár kivételtől eltekintve) ebben az elemben helyezendő el.
- A form elem képes a tartalmát elküldeni a webszervernek.
Soha ne küldjünk bizalmas adatokat GET metódussal – az adatok az URL-ben láthatóak!
Form vezérlőelemek
<input></input> típusok: text, password, checkbox, radio, submit, reset, button, file, hidden
<textarea> többsoros beviteli mező
</textarea>
Rádiógombok és checkboxok
< input type=”radio” name=”nem” value=”ferfi”> Férfi
< input type=”radio” name=”nem” value=”no” checked> Nő
< input type=”checkbox” name=”etkezes” value=”pizza” checked> Pizza
Címkék (label)
< label for=”nev”>Név:</label >
Legördülő lista (select)
<select>
<option>Piros</option>
<option>Zöld</option>
<option>Kék</option>
</select>
Rejtett mezők
< input type=”hidden” name=”azonosito” value=”12345”>
