Oblikovanje besedila

Koda:

<script type="text/javascript">
function napisano(x)
{
por=new Array ("left", "right", "center", "justify")
x=document.forms.obrazec.poravnava.selectedIndex
kje.style.textAlign=por[x]

vel=new Array ("10pt", "12pt", "14pt", "16pt")
z=document.forms.obrazec.velikost.selectedIndex
kje.style.fontSize=vel[z]

dru=new Array ("Tahoma", "Arial",
"Courier New", "Times New Roman")
y=document.forms.obrazec.druzina.selectedIndex
kje.style.fontFamily=dru[y]

deb=new Array ("200", "400", "600", "800")
w=document.forms.obrazec.debelina.selectedIndex
kje.style.fontWeight=deb[w]

}
</script>

<form id="obrazec">
<table summary="tabela" >
<tr><td>
<select name="druzina" onchange="napisano()">
<option>Tahoma</option>
<option>Arial</option>
<option>Courier New</option>
<option>Times New Roman</option>
</select>
</td><td>
<select name="velikost" onchange="napisano()">
<option>10</option>
<option>12</option>
<option>14</option>
<option>16</option>
</select>
</td><td>
<select name="debelina" onchange="napisano()">
<option>tanka</option>
<option>normalno</option>
<option>debelejše</option>
<option>krepko</option>
</select>
</td><td>
<select name="poravnava" onchange="napisano()">
<option>levo</option>
<option>desno</option>
<option>sredinsko</option>
<option>obojestransko</option>
</select>
</td>
</tr></table></form>

Izgled v
brskalniku:

Ni še dolgo od tega, ko je bilo potrebno za izdelavo spletnih strani razumevanje nekaj HTML (Hypertext Markup Languge) in nekaj osnovnega vedenja o grafiki. če ste pričeli tedaj, ste bili eden izmed vrednost1č tisoč spletnih oblikovalcev. Ah, bili so stari dobri časi - pred petimi leti. Nato so vsi pričeli izdelovati spletne strani. Kdor je obvladal FrontPage ali Netscape Navigator Gold ali kakšen drug program, je bil že oblikovalec. Toda zahtevnost se je premaknila navzgor. Internet je postal velik POSEL. Podjetja zahtevajo od oblikovalcev vse več, toda HTML je še vedno le bedna kopija namiznega oblikovanja. Kar HTML lahko loči od namiznega založništva pa so dinamične strani.

Razlaga: Funkciji napisano smo določili štiri predmete katerim smo definirali različne lastnosti. S postopkom document.forms.obrazec.poravnava.selectedIndex pogledamo katera vrednost je izbrana. Za vsak predmet je drugačen postopek. Napisan postopek je za pogled izbrane poravnave teksta. Pred tem smo pa v html kodi definirali imena teh štirih predmetov da smo jih kasneje v funkcijah lahko klicali.

Gor e-gradiva JavaScript Primeri Obrazci Slogovne predloge

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri