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

Sprememba ozadja

getElementsByTagName

Koda: 
<script type="text/javascript">
r=0
m=0
z=0
function rdeca()
{
r=r+10
if (r>255) r=255
gremo()
}

function zelena()
{
z=z+10
if (z>255) z=255
gremo()
}

function modra()
{
m=m+10
if (m>255) m=255
gremo()
}

function gremo()
{
rd=r.toString(16)
if (rd.length<2) rd="0"+rd
ze=z.toString(16)
if (ze.length<2) ze="0"+ze
mo=m.toString(16)
if (mo.length<2) mo="0"+mo
barva="#"+rd+ze+mo
document.getElementsByTagName("body")[0].
    style.backgroundColor=barva
}
</script>
Izgled v
brskalniku:

Ozadju s klikom dodaj naslednjo barvo:

Barva ozadja je: #000000
Razlaga:

Napisana funkcija nam omogoča, da lahko z pritiskom na gumbe barvi ozadja dodajamo željen odtenek. To delujem tako, da vsak gumb ob pritisku nanj pokliče svojo funkcijo, ki spremeljivki v njej doda določeno vrednost in nato pokliče glavno funkcijo.

V glavni funkciji se potem pretvori vredsnost posamezne funkcije v šestnajstiški sestav, pri tem se upošteva, da če število ni dvomestno, se mu doda spredaj 0. Ko se pretvorba izvede, se vse spremenljivke spojijo v eno, katera potem določa barvo ozadja. Ta spremenljivka se zaradi tega spreminja po delih, prvi dve števili (rdeča), drugi dve (zelena), tretji dve (modra) in tako se po delih oz. za odtenek spreminja tudi ozadje dokumenta.

Kaj pa naredi document.getElementsByTagName(";body")[0] pa nimam pojma.

gor Gor     e-gradiva     JavaScript     Primeri     Slogovne predloge

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart