Site hosted by Angelfire.com: Build your free website today!

JavaScript Võrdlus ja Loogika Tehted

CSS Võrdlust ja loogika tehteid kasutatakse õige ja väära tuvastamiseks

Võrdluse Tehted

Võrdluse tehteid kasutatakse muutujate v. väärtuste võrdsuse v. erinevuse määramiseks.

Anname muutuja ja sellele värtuse x=5. Allpool olevas tabelis on võrdluse tehete selgitused.

Tehe Kirjeldus Näide
== kas on võrdne x==8 väär
=== kas tüüp ja väärtus on täpselt võrdsed x===5 õige
x==="5" väär
!= ei ole täpselt sama väärtus x!=8 õige
> on suurem kui x>8 väär
< on väiksem kui x<8 õige
>= suurem v. täpselt sama suur x>=8 väär
<= väiksem v. täpselt sama suur x<=8 õige

Loogika Tehted

Loogika tehteid kasutatakse määramaks muutujate või väärtuste omavahelist loogikat.

Anname muutujad ja sellele värtused x=6 ja y=3. Allpool olevas tabelis on loogika tehete selgitused.

Tehe Kirjeldus Näide
&& ja (x < 10 && y > 1) õige
|| või (x==5 || y==5) väär
! ei !(x==y) õige

"Rollover" galerii

Oled kindlasti veebisaitides kohanud pildigaleriisid mis on moodustatud väikestest piltidest, kuid kursoriga nendel piltidel liikudes kuvatakse need suuremalt. Kasutatakse sellist moodust jällegi allalaadimis kiiruse suurendamiseks.
Siin on selle kohta näide ja juhend:

1 2 3

Kuvab väikese pildi suurelt

Vaatame kuidas siis sellist galeriid teha. kopeeri allpool olev kood ja "seivi" nimega imgc.js.

Järgmiseks kirjuta dokumendi "head" sektsiooni:

<script type="text/javascript" src="img.js">
</script>

Sinna "body" sektsiooni kus galerii peab ilmuma kirjuta järgmine kood ning ongi valmis:

<p align="center"><
span onmouseover="document.rollimg.
src=image0.src;">
<img src="pic1.gif" 
width="32" height="32" 
border="0" alt="1" /></span> <span onmouseover="document.rollimg.
src=image1.src;">
<img src="pic2.gif" 
width="32" height="32" 
border="0" alt="2" /></span> 
<span onmouseover="document.rollimg.
src=image2.src;">
<img src="pic3.gif" 
width="32" height="32" 
border="0" alt="3" /></span>
</p>
<p align="center"><img 
src="pic1a.gif" 
width="150" height="150" 
border="0" 
alt="Kuvab väikese pildi suurelt" 
name="rollimg" />
</p>

Selle JavaScript'i autor on Stephen Chapman