Najčastejším prvkom, vyskytujúcim sa v stránkach, formulároch, oknách sú tlačidlá, ktorým je priradená určitá akcia. Tlačidlo vytvoríme pomocou príkazu
input type = "button" name="názov tlačidla" value="text na tlačidle" onclick="akcia po stlačení tlačidla"
.
V našom príklade sme vytvorili obyčajné tlačidlo s nápisom "Stlač ma!", ktoré po kliknutí otvorí dialógové okno s nápisom "Ako to ide?"
<HTML>
<body>
<input type="button" value="Stlač ma!" onclick="alert('Ako to ide?')">
</body>
</HTML>
Najčastejšie používané akcie
onClick
vykoná akciu, keď je tlačidlo stlačené
onDblClick
akcia sa vykoná keď sa poklepe na tlačidlo
onFocus
vykoná akciu vo formulári - napr. poklepnutím na formulár napíše zadaný text, nastaví sa na miesto vo formulári, ak tam bol nastavený fokus
onBlur
vykoná sa akcia, keď prvok formulára, okno stratí fokus
onKeyPress
vykoná sa akcia keď bola stlačená klávesa
onMouseDown
akcia sa vykoná, ak užívateľ stlačí tlačidlo myši
onMouseOut
akcia sa vykoná po presune myšou von z objektu
onMouseOver
akcia sa vykoná po nájazde myšou nad objekt
onReset
akcia sa vykoná po vymazaní formulára
onSubmit
akcia sa vykoná po odoslaní formulára
Zvláštne postavenie majú tlačídlá typu RESET a SUBMIT. Používajú sa pri vyplňovaní formulárov. Tlačidlo RESET vyplnený formulár vymaže, tlačidlo SUBMIT vyvolá akciu odoslania formulára. O formulároch sa dozvieme v kapitole 9.
Úlohy:
Vytvorte tlačidlo, ktoré po stlačení otvorí dialógové okno s výzvou na zadanie mena návštevníka stránky.
