|
|
Kattintáskor figyelmeztetés.
Mobilváltozat!
Asztali változathoz,
kattints a képre!
Egérgomb figyelésével üzenetet jeleníthetünk meg, felhasználó felé.
Az onClick esemény akkor következik be, ha az egérmutató a hivatkozás fölé áll és a felhasználó rákattint.
Kétféle üzenőablak áll, rendelkezésünkre:
- alert, melyben egy adott figyelmeztetést vagy üzenetet jeleníthetünk meg, és a felhasználó jóváhagyhatja (OK)
- confirm, melyben egy adott figyelmeztetést vagy üzenetet jeleníthetünk meg, és a felhasználó jóváhagyhatja (OK) vagy nem (mégse, Cancel)
Kettő hivatkozási sort láthatunk:
- Első az alert
- Másodika a confirm
Vissza a témakörökhöz, kattins ide
Vissza a témakörökhöz, kattins ide
Programunk megírása
Első hivatkozási sor
<h5>
<a href="temakor.html" onClick="alert('Most elhagyod ezt a weboldalt, és visszatérsz a témakörök tartalomjegyzékéhez'); ">Vissza a témakörökhöz, kattins ide</a>
</h5>
Második hivatkozási sor
<h5>
<a href="temakor.html" onClick="return (window.confirm('Biztos kiakarsz lépni ezen weboldalról? Ha igen, akkor visszatérsz a témakörök tartalomjegyzékéhez'));">Vissza a témakörökhöz, kattins ide</a>
</h5>
A második példánkban:
A return utasítás tartalmazza az eseménykezelőt.
Ez biztosítja, hogy a mégse(Cancel) gombra kattintáskor kapott false érték eredményeként visszatér az eseménykezelőhöz, és az eredeti hivatkozott weboldal, nem töltődik be
A hivatkozási sorban, webcímet is megadhatunk.
Példa:
<a href="http://www.alap_weblap.extra.hu/" onClick="alert('Most elhagyod ezt a weboldalt!');">Weblapkészítés alapismeretei</a>