function addEvent(elm, evType, fn, useCapture) { // cross browser event handling if (elm.addEventListener) { elm.addEventListener(evType, fn, useCapture); return true; } else if (elm.attachEvent) { var r = elm.attachEvent('on' + evType, fn); return r; } else { elm['on' + evType] = fn; } } function resizeFonts(e) { var el; if (window.event && window.event.srcElement) el = window.event.srcElement; if (e && e.target) el = e.target; if (!el) return; el = el.id; var body_list = document.getElementsByTagName('body'); var myBody = body_list[0]; myBody.className = el //this line resets the classname; the rest is done in css /*alert("hi " + el) for testing only */ var curLink = document.getElementById(el); setCookie('jsFontSize', el, 30) } function setCookie(name,value,days) { if (days) { var date = new Date(); date.setTime(date.getTime()+(days*24*60*60*1000)); var expires = "; expires="+date.toGMTString(); } else expires = ""; document.cookie = name+"="+value+expires+"; path=/"; } function readCookie(name) { var nameEQ = name + "="; var ca = document.cookie.split(';'); for(var i=0;i */ var body_list = document.getElementsByTagName('body'); var myBody = body_list[0]; myBody.className = readCookie('jsFontSize') } function addListeners() { if (!document.getElementById) return; /* the efficient way - but IE doesn't support var parent = document.getElementById('resizeWrapper'); a_list = parent.childNodes for (var i =0; i < a_list.length; i++) { addEvent(a_list[i], 'click', resizeFonts, false); } instead... */ var smallFont = document.getElementById('sml'); var medFont = document.getElementById('med'); var largeFont = document.getElementById('lge'); addEvent(smallFont, 'click', resizeFonts, false); addEvent(medFont, 'click', resizeFonts, false); addEvent(largeFont, 'click', resizeFonts, false); } addEvent(window, 'load', addListeners, false) addEvent(window, 'load', setBodyClass, false)