Uvod v JavaScript

2.del

onMouseOver in onMouseOut lastnosti

Naslednjo zmogljivost JavaScripta si lahko ogledate s premikom kurzorja preko tega linka. Med tem glejte v statusno vrstico vašega brskalnika. Lastnosti onMouseOver in onMouseOut lahko povežete tudi z drugimi JavaScript funkcijami. Uporabimo lahko tudi 'alert' funkcijo, ki smo jo že spoznali. Če premaknete kurzor preko tega linka, se vam bo torej odprlo opozorilno okno.

<a href="dajstran.htm" onMouseOver="window.status='Odmakni kurzor!';
 return true" onMouseOut="window.status='Odmaknil si kurzor!';return true">

Vse kar morate narediti je, da dodate onMouseOver in/ali onMouseOut lastnost k vašemu <a> tagu. Z 'window.status' pa izpišete tekst na statusno vrstico vašega brskalnika. Kot vidite ne smete ves čas uporabljati " navednic, ker potem JavaScriptu ne morete podati teksta, ki ga zelite izpisati. Za tekstom morate napisati ;return true.
V drugem primeru smo uporabili tudi 'alert' funkcijo:

<html>
<head>
<script language="JavaScript">
<!-- Hiding
     function zdravo() {
       alert("Zdravo!");
     }
// -->
</script>
</head>
<body>
<a href="" onMouseOver="zdravo()">Zdravo</a>
</body>
</html>

Date objekt

Z datumi smo se že srečali, ko smo izpisali lastnost lastModified - popravek dokumenta. V naslednjem primeru bomo izpisali trenutni čas. Ta se nanaša na čas in datum, ki ga imate nastavljenega v vašem računalniku.

Skripta:

<script language="JavaScript">
<!-- skrivanje
  danes = new Date()
  document.write("Ura: ",danes.getHours(),":",danes.getMinutes())
  document.write("
Datum: ", danes.getMonth()+1,"/",danes.getDate(),"/",danes.getYear());
// konec -->
</script>

Najprej deklariramo spremenljivko danes, ki pripada tipu Date() - datum. To naredimo z danes=new Date(). Če ne podamo določenega časa in datuma, brskalnik uporabi lokalni čas računalnika in ga pripiše spremenljivki danes. Naj omenim, da pri JavaScriptu ni potrebno deklarirati spremenljivk kot pri Javi in ostalih programskih jezikih.
Torej: imamo spremenljivko danes, kjer sta shranjena lokalni čas in datum. Sedaj jo izpišemo. To naredimo z posameznimi get... metodami - danes.getNekaj. getDate() nam vrne številko, ki predstavlja dan trenutnega meseca. Prav tako tudi getYear(), ki nam vrne leto. getMonth() metoda pa se od prejšnjih po izpisu nekoliko razlikuje. Prav tako nam vrne številko, ki pa je napačna, saj računalnik šteje mesece od 0 do 11 (0 - januar, 1 - februar, ..., 11 - december). Če želimo dobiti točen mesec, moramo zato prišteti ena.

Še to: vsi datumi so interno predstavljeni v obliki milisekund, ki so pretekle od 1/1/1970.

Naključna števila

Pogost problem pri skriptnih in programskih jezikih je, kako priti do števil, ki bi bila naključno izbrana.Poslužili se bomo trika, ki bo vzel trenutni čas in datum ter izračunal njegov sinus in vzel absolutno vrednost. Tako bomo dobili število med 0 in 1. Ker se čas spremeni vsako milisekundo, ni skrbi, da bi dvakrat zaporedoma dobili isto število. Če pa želite računati veliko števil drugo za drugim, ne smete uporabiti samo sin() funkcije - v tem primeru bi dobili sinusno krivuljo!

To je naključno izbrano število:

Skript:

<html>
<head>
<script language="JavaScript">
function NakljucnoStevilo() {
  danes = new Date();
  stevilo = Math.abs(Math.sin(danes.getTime()));
  return stevilo;  
}
</script>
</head>
<body>
<script language="JavaScript">
<!--
  document.write("To je nakljucno izbrano stevilo:", NakljucnoStevilo());
// -->
</script>
</body>
</html>

Upravljanje oken

Kreiranje oken je najboljši in najbolj uporaben del JavaScripta. Naredite lahko novo okno, nov dokument, ali pa naložite starega ter hkrati skočite na neko drugo stran. Začeli bomo z novim oknom, v katerega bomo nekaj napisali. Pritisnite gumb za primer:

Skripta:

<html>
<head>
<script language="JavaScript">
function OdpriOkno() {
   okno=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
   okno.document.write("<HEAD><TITLE>Test</TITLE></HEAD>");
   okno.document.write("<CENTER><h1><B>Novo okno!</B></h1></CENTER>
");
}
</script>
</head>
<body>
<form>
<input type="button" name="Gumb1" value="Pritisni me" onclick="OdpriOkno()">
</form>
</body>
</html>

Imamo torej obrazec z gumbom, ki pokliče funkcijo. Funkcija OdpriOkno() naredi/odpre novo okno s klicem metode open. Med prvima navednicama je URL stran, ki jo želimo naložiti. Mi smo naslov pustili prazen, ker smo hoteli odpreti prazno stran in v njo napisati naš tekst. Med drugi par navednic napišete ime okna, ki je lahko skoraj karkoli - če boste imeli kakšne težave z odpiranjem oken, pustite tu DisplayWindow. Tretji par navednic je najbolj zanimiv, saj tu določimo lastnosti okna. Če napišete toolbar=yes bo okno imelo orodjarno, itd. Spodaj so naštete vse lastnosti, ki jih lahko določite. SLEDITI SI MORAJO V NATANČNO DOLOČENEM VRSTNEM REDU - tako kot so napisane spodaj.

toolbar
location
directories
status
menubar
scrollbars
resizable
copyhistory
width=pikslov
height=pikslov

Za pikslov napišite širino oz. višino okna v pikslih. Tako določite velikost okna.
Po tem, ko ste odprili okno, in ga poimenovali 'okno' (pred open- metodo), lahko vanj tudi pišete.

Opomba: Ko v okno nekaj pišete, vedno končajte zadnjo vrstico z <br> tagom. Drugače zadnja vrstica ne bo izpisana.
Še ena opomba: Če želite v novo okno vstaviti slike, vedno določite height in width lastnosti <img> tagu. Drugače se bo stran sesula ali pa slike ne bodo vidne. Primer:

avtor: Žiga Mahkovec
november, 1998