Dnes sa trochu pozrieme na možnosti JavaScriptu v súvislosti s použitím myšky. Budeme sa zaoberať asi takými udalosťami ako :
onMouseOver v spojení s textovými oznamami - alertami a obrázkami.
Na budúce sa zameriame bližšie na podobné funkcie a to: onMouseOut a onMouseOn.
Mouse Over Text - Alert
Jednoduchý script, využívajúci udalosť onMoseOver, použitý pri Alerte.
<a href="" onMouseOver="alert('YOUR MESSAGE');return true;">
Na toto miesto vložte prosím Váš text.</a>
Ukážka:
Premiestnite prosím šipku myší na toto miesto
Mouse Over Obrázok- Alert
Jednoduchý script, využívajúci udalosť onMoseOver, aplikovaný na obrázok.
<a href="" onMouseOver="alert('YOUR MESSAGE');return true;">
<IMG SRC="Váš obrázok" border="0"></a>
Ukážka:
Premiestnite prosím šípku myši na tento obrázok
Mouse Over Text - otvorenie nového okna
Script, využívajúci udalosť onMoseOver, aplikovaný na otvorenie nového okna.
Nasledujúci kód vložte medzi Tagy <HEAD>
<SCRIPT Language='JavaScript'>
function winopen () {
msg=open("","NewWindow","toolbar=no,location=no,directories=no,
status=no,menubar=no,scrollbars=no,
resizable=no,copyhistory=yes,width=400,height=400");
msg.location = "Umiestnenie odkazu"
}
</SCRIPT>
A nasledujúci kód scriptu použite na stránke:
<a href="" onMouseOver="winopen(); return true;">Sem vložte text</a>
Ukážka:
Premiestnite prosím šípku myši na toto miesto.