JavaScript

Koda:

Koda:	<script type="text/javascript"> function velikost(sirina) { document.getElementById("zamenjaj").style.width=sirina + "px" } </script> <form action="akcija.html"> <input type="button" onclick="velikost(100)" value="širina 100 točk" /> <input type="button" onclick="velikost(200)" value="širina 200 točk" /> <input type="button" onclick="velikost(300)" value="širina 300 točk" /> </form> <img src="slike/foto0.jpg" alt="zamenjaj!" id="zamenjaj" />
Izgled v brskalniku:
Razlaga:	Funkcija `velikost` določi širino slike s postopkom, ki spremeni slogovno lastnost `style.width`. Pošlje se ji parameter, ki se v funkciji nato uporabi kot spremenljivka sirina v pikslih, s tem pa tudi širina slike. V CSS je obvezna uporaba enot, zato se velikosti slike doda še v tem primeru "px". `style` je lastnost vsakega generičnega elementa.

<script type="text/javascript">
function velikost(sirina)
{
document.getElementById("zamenjaj").style.width=sirina + "px"
}
</script>

<form action="akcija.html">
<input type="button" onclick="velikost(100)"
value="širina 100 točk" />
<input type="button" onclick="velikost(200)"
value="širina 200 točk" />
<input type="button" onclick="velikost(300)"
value="širina 300 točk" />
</form>

<img src="slike/foto0.jpg" alt="zamenjaj!" id="zamenjaj" />

Izgled v
brskalniku:

zamenjaj!

Razlaga: Funkcija velikost določi širino slike s postopkom, ki spremeni slogovno lastnost style.width. Pošlje se ji parameter, ki se v funkciji nato uporabi kot spremenljivka sirina v pikslih, s tem pa tudi širina slike. V CSS je obvezna uporaba enot, zato se velikosti slike doda še v tem primeru "px". style je lastnost vsakega generičnega elementa.

Gor e-gradiva JavaScript Primeri Slike Slogovne predloge

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri