I looked over the code and it use cookies too. If it’s not working let me know and I’ll make a plugin out of mine…

You seem to be a pro at text-size cookies, and I was wondering if you might be able to help me out. I’m using a similar script to yours, except, it is cookieless. Is there any way you might be able to show me how to enable them?

Thanks a lot, I really appreciate your help on this- it’s been driving me bananas

Here’s the code:

var tags = new Array( ‘div’,'td’,'tr’,'p’,'b’,'table’,’strong’,'emphasis’,'a’,'h1′,’h2′,’h3′,’pre’,’sub’,’sup’,'i’,'th’,'cp’,'ul’,'ol’,'li’,'dt’,'dd’);
var pixelArray = new Array(’10′,’12′,’16′,’20′,’24′,’30′,’40′);
var emArray = new Array(’0.7′,’0.9′,’1.0′,’1.5′,’2.0′,’2.5′,’3′);
var initSize = 0;

function fontSizer(inc,unit) {
if (!document.getElementById)
return;
var size = initSize;
size += inc;
if (size 6 ) {
size = 6;
}
initSize = size;
getBody = document.getElementsByTagName(’body’)[0];
for (i = 0 ; i

function fontSizer(inc,unit) {
if (!document.getElementById)
return;
var size = initSize;
size += inc;
if (size < 0 ) {
size = 0;
}
if (size > 6 ) {
size = 6;
}
initSize = size;
getBody = document.getElementsByTagName(’body’)[0];
for (i = 0 ; i < tags.length ; i++ ) {
getallTags = getBody.getElementsByTagName(tags[i]);
for (k = 0 ; k < getallTags.length ; k++)
getallTags[k].style.fontSize = (unit==’px’) ? pixelArray[size]+unit : emArray[size]+unit;
}
}

It seems to be fine - could you give me more details about your problem?

Thanks for completing my post. The problem with the aforementioned function is that it doesn’t seem to create a cookie, so clicking any internal links resets the text-size. Would you know how to implement this feature?

Thanks a ton for your help!!

Marco

to:
var cookie = readCookie(”initSize”);
initSize = cookie ? cookie : 0;

And finally, in the body of fontSizer function, add after:
initSize = size;

this line:
createCookie(”initSize”, initSize, 365);

That should do it… let me know how it works!

Cheers,
Nick

Send me the file you are using so I can spot the problem…

Cheers,
Nick

What would be really cool would be a ‘reset’ button for your script.

Do you have the code for that?

Thanks again,
Mike

You can add another link like this:
<a href=”javascript:fsize(10,’px’,'content’);” rel=”nofollow”>Reset</a> or
<a href=”#” onclick=”fsize(10,’px’,'content’);” rel=”nofollow”>Reset</a>

Mike

Thanks for a great script.

I have a couple of questions if you could help.

1) I have used the reset code you suggested however when I go from one page to the next after clicking reset it remembers from the cookie the privouse setting.

2) is there a way of apply the font sizer to more than one div id?

Thanks for any help you can give and great code again.

Chris

1) Isn’t it how it should work? I mean, just imagine that you set to a very large size, then hit resize and if no cookies are set, then you’ll get the same large size on the next page - not pretty!

2) use the id of the parent of those different divs

Sorry didn’t explain myself very well. It does what you describe, when you hit the reset link it reduces the font but then when you go to the next page it is back up to the big font as the reset is not either removing or editing the cookie.

I don’t think the reset is setting a cookie.

Thanks
Chris

I see - check again the post “Javascript - text resize” and you will find the correct way to set up the reset link.

thanks again for your time.

reset

Javascript:

$(document).ready(function(){
// Reset Font Size
var originalFontSize = $(’html’).css(’font-size’);
$(”.resetFont”).click(function(){
$(’html’).css(’font-size’, originalFontSize);
});
// Increase Font Size
$(”.increaseFont”).click(function(){
var currentFontSize = $(’html’).css(’font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*1.2;
$(’html’).css(’font-size’, newFontSize);
return false;
});
// Decrease Font Size
$(”.decreaseFont”).click(function(){
var currentFontSize = $(’html’).css(’font-size’);
var currentFontSizeNum = parseFloat(currentFontSize, 10);
var newFontSize = currentFontSizeNum*0.8;
$(’html’).css(’font-size’, newFontSize);
return false;
});
});

Thanks in advance for your help,
Frank