|
|
Za dokumentacijo pa se odpravite na http://home.netscape.com.
Najprej si bomo pogledali nekaj kratkih skript in jih vključili v HTML dokumente. Začeli bomo z enostavno skripto, ki bo izpisala tekst na našo stran.
<html>
<head>
Moj prvi JavaScript!
</head>
<body>
<br>
To je normalen HTML dokument.
<br>
<script language="JavaScript">
document.write("To je JavaScript")
</script>
<br>
Nazaj v HTMLju.
</body>
</html>
Če uporabljate brskalnik, ki ima JavaScript prevajalnik lahko spodaj vidite
primer zgornje skripte. Sicer se spodaj lahko pojavijo nenavadni znaki
...
To je normalen HTML dokument
Nazaj v HTMLju.
Naš primer ni najbolj uporaben. Isto stvar bi lahko v HTMLju napisali
dosti hitreje in lažje. Vendar smo primer uporabili le za to, da smo si
pogledali uporabo <script> tag-ov. Uporabite jih lahko kjerkoli v vašem
dokumentu.
Naslednja stvar so funkcije. So zelo enostavne in uporabne. Najbolje je, da funkcije deklarirate med <head> tagi vašega HTMLja, ker se tam naložijo pred ostalo stranjo. Skripte lahko zapišemo med komentarje, tako da jih starejši brskalniki ne izpišejo.
<html>
<head>
<script language="JavaScript">
function pritisnigumb() {
alert("Zdravo!");
}
</script>
</head>
<body>
<form>
<input type="button" name="Gumb1" value="Pritisni me" onclick="pritisnigumb()">
</form>
</body>
</html>
Če želite testirati gornjo skripto in uporabljate brskalnik z JavaScriptom,
pritisnite gumb.
Ta skripta bo tvorila gumb in ob pritisku nanj se bo odprlo okno s pozdravom.
In kaj se pravzaprav dogaja s skripto? Najprej se funkcija naloži in zapiše
v pomnilnik. Nato tvorimo gumb z navadnim <form> tag-om (HTML). Nekaj
novega pa smo dodali k <input> tag-u - 'onclick'. OnClick pove brskalniku
kaj naj naredi, ko je gumb pritisnjen. Funkcijo pritisnigumb() imamo že
prej definirano in zato jo lahko kličemo. Omeniti moramo če 'alert' metodo,
ki je že vnaprej definirana v JavaScriptu. Z njo enostavno odpremo opozorilno
okno, ki ima potrditveni gumb (OK) in pa naš tekst.
Poglejmo si še en primer, kjer lahko uporabimo 'alert'.
Naslednja stvar, ki nas zanima, je delo z uporabnikovim vnosom (form).
<html>
<head>
<script language="JavaScript">
<!-- skrijmo script pred starostami
function dobiime(niz) {
alert("Zdravo, "+ niz+"!");
}
// konec skrivanja -->
</script>
</head>
<body>
Vnesite vase ime:
<form>
<input type="text" name="ime" onBlur="dobiime(this.value)" value="">
</form>
</body>
</html>
Spet lahko testirate delovanje skripte:
Vnesite ime:
V skripto smo spet vnesli nekaj novih stvari. Kot prvo je najbolj opažen
komentar, ki smo ga uporabili zato, da skrijemo našo skripto pred starejšimi
brskalniki, ki JavaScripta se ne podpirajo. Začetek komentarja mora biti
takoj za <script> tag-om in se končati pred </script> tag-om.
V našem HTMLju imamo obrazec, kamor lahko uporabnik vpiše svoje ime.
'onBlur' v <input> tag-u pove brskalniku katero funkcijo mora klicati,
ko v obrazec vnesemo ime. Funkcijo 'dobiime(niz)' pa brskalnik pokliče,
ko zapustimo obrazec (ko pritisnemo npr. enter). Funkcija bo dobila niz
(znakov) skozi ukaz 'dobiime(this.value)'. 'This.value' pa pomeni vrednost,
ki ste jo vnesli v obrazec.
Sedaj pa se za spremembo lotimo zelo lahkega in uporabnega primera. V našo skripto bomo dodali funkcijo, ki nam bo vrnila datum zadnjega popravka dokumenta.
<html> <body> Enostavno, a ne? <br> Zadnja sprememba: <script language="JavaScript"> <!-- skrijmo pred starimi brsklaniki document.write(document.lastModified) // prenehajmo s skrivanjem --> </script> </body> </html>
avtor: Žiga
Mahkovec
november, 1998