Javascript Font Zoomer – http://viralpatel.net/blogs/2009/03/implement-simple-font-zoomer-in-javascript-html.html

Using a combination of the code from these two tutorials and a wee bit of fiddling I was able to add the functionality of making text bigger and smaller onto a website.  The text size chosen by the user is then saved for the browser they are using and will work for all pages on the same domain/sub-domain.

Most browsers (well any decent one) actually have this functionality already built in – not only allowing you to make the text bigger and smaller but making the rest of the webpage bigger and smaller also (on Firefox press Ctrl and + together to make page bigger or Ctrl and – together to make page smaller).

But on the presumption that the user doesn’t know how to do this, having this functionality on your web page might be useful. Here is the code I put together below that can be embedded straight into the body of your html.

<script type="text/javascript">

/* Init Script */
x = checkCookie();
function checkCookie() {
fontSize = parseFloat(readCookie('fontSize'));
if (!fontSize) {
fontSize = 1.0
}
document.body.style.fontSize = fontSize + "em";
}

/* Cookie functions */

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);
}
/* Zoom funtions */

function zoomIn() {
fontSize += 0.1;
fontSize = Math.round(fontSize*10)/10;
document.body.style.fontSize = fontSize + "em";
createCookie('fontSize',fontSize,365);
}

function zoomOut() {
fontSize -= 0.1;
fontSize = Math.round(fontSize*10)/10;
document.body.style.fontSize = fontSize + "em";
createCookie('fontSize',fontSize,365);
}
</script>
<a href="#" onclick="zoomIn()">Make Text Larger</a><br/>
<a href="#" onclick="zoomOut()">Make Text Smaller</a>

I don’t think there is any way to add this code to a site on WordPress.com but Blogger likes it, i havn’t tried it elswhere.  If you happen to be reading this and want to try it out,  add a comment below to let me know how you get on.

My aim is to recreate a simple version of the Feedapi module, written for Drupal, that will allow for new group and user objects to be automatically created from feed items that are fed in from RSS feeds.

Source code is being worked on at http://github.com/benced/elgg-simplepieextension