<?xml version='1.0' encoding='utf-8'?>
<!DOCTYPE html PUBLIC '-//W3C/DTD XHTML+Voice 1.2 /EN' 'http://www.voicexml.org/specs/multimodal/x+v/12/dtd/xhtml+voice12.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:ev='http://www.w3.org/2001/xml-events'>
<head>
<link rel='stylesheet' href='http://pabi3.com/modules/items/voice.css' type='text/css' media='all' />
<form xmlns='http://www.w3.org/2001/vxml' id='title'>
<block>
The article Zmena velkosti a typu pisma cez JavaScript is written by PaBi3
</block>
</form>
<form xmlns='http://www.w3.org/2001/vxml' id='body'>
<block>


Nie kazdemu sa mozu pacit vsetky druhy pisma a ich velkosti. Na tejto stranke pouzivam nadherne pismo Palatino Linotype vo velkosti 12px, ktore sa pouziva skor pre nadpisy ako pre texty. Mnohi sa stazuju, ze sa im zle cita, pretoze su pravdepodobne zvyknuty na zaostaly standard, akym je napriklad Arial. Ustupil som ich poziadavkam a vytvoril som skript pre zmenu pisma a jeho velkosti. Funguje velmi jednoducho. Po zmene pisma sa odoslu uzivatelovi 2 cookies, z ktorych prvy urcuje typ a druhy velkost. Ti, ktori maju vypnuty JavaScript, samozrejme pismo menit nemozu.



Spristupnil som zaroven stranku, na ktorej navstevnici najdu vyzitie mojho skriptu. Odteraz si na nej mozu urcit sami, ake pismo a velkost budu pouzivat na PaBi3.com. Najdu tam najpouzivanejsie typy pisma: Arial, Courier, Georgia, Lucida Console, Palatino Linotype, Tahoma, Times, Trebuchet MS, a Verdana. Tato stranka je samozrejme zbytocna napriklad pre uzivatelov, ktori pouzivaju prehliadac Opera. Ti vedia, ze sa velkost pisma da menit pomocou prehliadaca alebo mozu rovno pouzit ich vlastne userCSS.
</block>
</form>
<form xmlns='http://www.w3.org/2001/vxml' id='full'>
<block>
Pouzitie

Do hlavicky stranky (alebo inde)  je potrebne umiestnit nasledujuci kod:

&lt;script src='font.js' type='text/javascript'&gt;&lt;/script&gt;


Kdekolvek na stranke sa zmeni pismo pomocou takychto odkazov:

&lt;a href='javascript:setFontFamily("Tahoma")'&gt;Tahoma&lt;/a&gt; - zmeni typ pisma na Tahoma
&lt;a href='javascript:setFontSize(0)'&gt;Povodna velkost&lt;/a&gt; - obnovi povodnu velkost pisma
&lt;a href='javascript:setFontSize(-1)'&gt;Zmensit velkost&lt;/a&gt; - zmensi pismo o jednu jednotku
&lt;a href='javascript:setFontSize(1)'&gt;Zvacsit velkost&lt;/a&gt; - zvacsi pismo o jednu jednotku
&lt;a href='javascript:setFontDefault()'&gt;Obnovit pismo&lt;/a&gt; - obnovi povodne pismo vratane velkosti

Konfiguracia

var unit = 'px';
Jednotka, v ktorej sa ma menit velkost pisma.

var size = 12;
Aktualna velkost pisma.

var defsize = 12;
Implicitna velkost pisma.

var font = 'Arial';
Aktualne pouzite pismo.

var deffont = 'Arial';
Implicitne pouzite pismo.

var element = document.getElementsByTagName('body');
Elementy, v ktorych sa ma menit typ pisma a jeho velkost.

var cookiename = 'font';
Prefix pre cookies; prva cookie sa vola -family, druha -size.

var cookiedays = 30;
Doba platnosti cookies v dnoch.


Download &amp; Test

Skript je moze vyskusat priamo na tejto stranke alebo v priklade. Zdrojovy kod je sireny pod GNU/GPL a je volne k dispozicii -  font.js. Testoval som ho v prehliadacoch Opera 9, Firefox 2 a Internet Explorer 6.
</block>
</form>
<base href='http://pabi3.com/' />
<title>Zmena veľkosti a typu písma cez JavaScript</title>
</head>
<body ev:event='load' ev:handler='#title'>
<a href='http://pabi3.com/blog/zmena-velkosti-a-typu-pisma-cez-javascript/' title='Návrat'>Návrat</a>
<h1 style='padding:0.5em;'>Zmena veľkosti a typu písma cez JavaScript</h1>
<ul>
<li ev:event='click' ev:handler='#body'>Speak introduction</li>
<li ev:event='click' ev:handler='#full'>Speak full</li>
</ul>
</body>
</html>
