e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Izberi število slik

Koda: 
<script type="text/javascript">
var stevilo_slik = prompt("Koliko slik \u017Eeli\u0161;
→ videti? Izberi \u0161tevilo med 1 in 5!", 3);

najvec=5
najmanj=1

function PrikaziSlike(stevilo_slik)
{
if (stevilo_slik>najvec) stevilo_slik=najvec
if (stevilo_slik==null) stevilo_slik=najmanj
if (stevilo_slik<1) stevilo_slik=najmanj
if (isNaN(stevilo_slik)) stevilo_slik=najmanj

for(i=1;i<=stevilo_slik;i++)
 {
 document.write("<img src='slike/xfoto" + (i+1) + ".jpg' alt='slika' />");
 }
}

document.write("<p>Sedaj si oglej slike!</p><p>");
PrikaziSlike(stevilo_slik);
document.write("</p>")
</script>
Izgled v
brskalniku:
Razlaga:

S postopkom prompt se pojavi vnosno okno, v katerega vpišemo ſeleno število slik. če je vnešena vrednost večja od 5, se le-ta izenaČi s 5. S postopkom document.write in zanko for v funkciji PrikaziSlike se prikaže izbrano število slik.

Niz za izpis značke img je sestavlen iz niza "<img src='slike/xfoto". Nizu je dodan indeks i povečan za 1. (i+1) mora biti v oklepaju, da se parametru i prišteje 1, ne pa da spoji števiki. Značka se zaključi z nizom ".jpg' alt='slika' />". Če se pritisne tipko CANCEL, ima spremenljivka vrednost null.

gor Gor     e-gradiva     JavaScript     Primeri     Slike     Stavki

SERŠ Maribor : Strokovna gimnazija : 2004 : David Kumer