Kattintáskor figyelmeztetés. 902
Az egérgomb figyelésével üzenetet jeleníthetünk meg a 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.
Ezt a lehetőséget kihasználva 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)
A következő részben kettő hivatkozási sort láthatunk ugyanazon szöveggel:
- Első hivatkozási sorhoz, az alert van rendelve
- Második hivatkozási sorhoz, a confirm van rendelve
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="https://wpaulina.hu/" onClick="alert('Most elhagyod ezt a weboldalt!');">Weblapkészítés alapismeretei.</a>