/* Javascript to dynamically change font sizes on a web page and set font sizes based on screen resolution. Coded by Phil Nash of www.unintentionallyblank.co.uk Cookies script courtesy of http://www.quirksmode.org/js/cookies.html ** Please don't remove this notice ** See http://www.unintentionallyblank.co.uk/2006/08/02/fontsizer/ for full details To use the code, upload this file to your site's main directory and add the following lines to the element of your site: Then add the following declaration in your body element. If you use this script, I would really appreciate a link back. Thanks! */ function setFontByTag(e, v) { var elements = document.getElementsByTagName(e); for(var i = 0; i < elements.length; i++) { elements.item(i).style['fontSize'] = v; } } function setFontByID(e, v) { var element = document.getElementById(e); element.style['fontSize'] = v; } function createCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else var expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i < ca.length;i++) { var c = ca[i]; while (c.charAt(0)==' ') c = c.substring(1,c.length); if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); } return null; } function eraseCookie(name) { createCookie(name,"",-1); } function changeSize(inc) { var sizes = new Array('0.9', '1', '1.1', '1.2', '1.3'); var si = 1; if(readCookie('fs2')) { si = parseInt(readCookie('fs2')); } if (!document.getElementsByTagName) {return false;} if (inc == '1') { si+=1; if (si>4) si=4; } else if (inc == '-1') { si-=1; if (si<0) si=0; } setFontByTag('body', sizes[si]+'em'); } function init() { var sizes = new Array('0.9', '1', '1.1', '1.2', '1.3'); if(readCookie('fs2')) { var si = parseInt(readCookie('fs2')); if (!document.getElementsByTagName) {return false;} setFontByTag('div', sizes[si]+'em'); } else if (screen.width > 800) { var si = 4; setFontByTag('div',sizes[si]+'em'); createCookie('fs2',si,30); } } function resetSize() { setFontByTag('div', '1em'); eraseCookie('fs2'); }