Poravnava besedila

Koda:

Koda:	<script type="text/javascript"> function poravnava(kako) { document.getElementById("kje").style.textAlign=kako } </script> <p>Besedilo želim poavnati:</p> <ul> <li onclick='poravnava("left")'>levo</li> <li onclick='poravnava("right")'>desno</li> <li onclick='poravnava("center")'>sredinsko</li> <li onclick='poravnava("justify")'>obojestransko</li> </ul> <p id="kje">txt txt txt txtxt txt txt</p>
Izgled v brskalniku:	Besedilo želim poravnati (klikni na besedo): levo desno sredinsko obojestransko 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 nekaj tisoč spletnih oblikovalcev. Ah, bili so stari dobri časi - pred sedmimi 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:	Funkcija `poravnava(kako)` določa z lastnostjo `document.getElementById("kje")style.textAlign=kako` način poravnave teksta s pomočjo pravil CSS. Z možnostmi `left`, `right`, `center` in `justify` tekst poravnamo po želji. Odstavku smo določili id in ga tako vpeljali v JavaScript identifikator za razločevanje. Nato z postopkom, ki spreminja slogovno predlogo izbiramo med poravnavo teksta. Z klikom na besedo se po klicala funkcija z ustreznim argumentom in besedilo se bo poravnalo.

<script type="text/javascript">
function poravnava(kako)
{
document.getElementById("kje").style.textAlign=kako
}
</script>

<p>Besedilo želim poavnati:</p>

<ul>
   <li onclick='poravnava("left")'>levo</li>
   <li onclick='poravnava("right")'>desno</li>
   <li onclick='poravnava("center")'>sredinsko</li>
   <li onclick='poravnava("justify")'>obojestransko</li>
</ul>

<p id="kje">txt txt txt txtxt txt txt</p>

Izgled v
brskalniku:

Besedilo želim poravnati (klikni na besedo):

levo
desno
sredinsko
obojestransko

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 nekaj tisoč spletnih oblikovalcev. Ah, bili so stari dobri časi - pred sedmimi 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: Funkcija poravnava(kako) določa z lastnostjo document.getElementById("kje")style.textAlign=kako način poravnave teksta s pomočjo pravil CSS. Z možnostmi left, right, center in justify tekst poravnamo po želji. Odstavku smo določili id in ga tako vpeljali v JavaScript identifikator za razločevanje. Nato z postopkom, ki spreminja slogovno predlogo izbiramo med poravnavo teksta. Z klikom na besedo se po klicala funkcija z ustreznim argumentom in besedilo se bo poravnalo.

Gor e-gradiva JavaScript Primeri Slogovne predloge

SERŠ Maribor : Strokovna gimnazija : 2004 : Davorin Lenart

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri