Comments on: Save Text Size Preference Using MooTools 1.2

By: Eric Wendelin

Eric Wendelin — Thu, 27 Jan 2011 17:13:54 +0000

Thanks, Matt.

You can use “window.location.host” to get the current domain.

Cheers,
Eric

By: Matt Thomas

Matt Thomas — Thu, 27 Jan 2011 12:54:09 +0000

Great Post! I was wondering if there is a way to automatically detect the domain to make this script more portable?

Thanks!

Best,

Matt

By: Eric M Wendelin

Eric M Wendelin — Fri, 24 Sep 2010 14:02:50 +0000

Richard:

You’ll want something like

document.getElementById('content').style.fontSize = fontsz;

Let me know if that doesn’t work for you. Cheers, Eric

By: Richard Clark

Richard Clark — Fri, 24 Sep 2010 08:54:14 +0000

Hi,

I would like to target by ID a div (eg the ‘content’ div in your example) and change just the text size of this when the button is clicked, and not all of the text.

How would I amend the following line to do this?

// Change body text size
document.body.style.fontSize = fontsz;

I’ve tried – document.body.getElementById(“content”) = fontsz; but that didn’t seem to work.

Any help would be greatly appreciated

Thanks,

Richard

By: Vojtech Machacek

Vojtech Machacek — Mon, 26 Oct 2009 01:01:29 +0000

I tried to implement it with jquery and radSlider ASP.NET control. But i reach some problems. After I read comments, and figure out, that best solutions is make “fake” button for text size changing, which shows bubble with something like “Wanna change text size – try CTRL + mouse wheel and if it doesn’t work get better browser”… That’s best solution IMO :)

By: David Walsh

David Walsh — Tue, 21 Jul 2009 12:57:21 +0000

@Andy: Line 13 is fine. What error?

By: Andy

Andy — Tue, 21 Jul 2009 06:19:25 +0000

There seems to be an error with the way your blog parsed the domain on line 13. For a JS newb like me it was a little confusing for a moment :P

By: Liam

Liam — Wed, 07 Jan 2009 11:47:59 +0000

Instead of using ‘ document.body.style.fontSize = fontsz;’ you can use morph and change the default unit to em so its a smooth transition instead of the jump in size:

//set up morph
var morphTextSize = new Fx.Morph(document.body,{duration:300,transition:Fx.Transitions.linear,’unit’:'em’});

//set font size
morphTextSize.start({
‘font-size’: parseFloat(fontsz) + (multiplier * 0.2)
});

By: Eric Wendelin

Eric Wendelin — Thu, 11 Dec 2008 23:36:07 +0000

@Geek34:
Yes, the Mootools Cookie class has changed since this was written. The correct functions are Cookie.read() and Cookie.write() respectively :)

By: Geek34

Geek34 — Wed, 10 Dec 2008 10:51:35 +0000

cookie.get don’t work