Ok its posted under plugins in the userinterface section (see howlong until
its remove :( heh). Let me know how it goes. Made a few changes added reset
function. Next will remove the need for the cookies plugin and thats it i
think.
Cheers
Stefan
On 4/12/07, BKDesign Solutions <[EMAIL PROTECTED]> wrote:
This looks great! Needed, is there a demo anywhere for us noobs?
Bruce P
bkdesign
----- Original Message -----
From: "codemonkey" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Thursday, April 12, 2007 5:10 AM
Subject: [jQuery] Font Size Plugin Take 2
>
>
> Sorry first one had no spaces.
>
> Hi made a little plugin that handles resizing the font on a page. Only
> thing
> it relies on is that you have fonts set by em on your page. The plugin
> requires jquery and the cookies plugin.Feedback would be appreciated.
>
> Cheers...
>
> To use simply Initialise it like so:
>
> $(document).ready(function() {
>
> var options = { min: -1, max: 2};
> //Initialize the font sizer for the site.
> $.FontSizer.Init(options);
>
> });
>
> CODE
> --------------------------------------------------
>
> /**
> * Purpose: Font sizer class, handles increasing and decreasing font size
> of a page.
> * It increases the font in 10% increments. By getting the level / 10 +
1.
> i.e. level 2 is .2 + 1 so 1.2 or 120%.
> *
> * Requires: JQuery and the JQuery cookies plugin.
> *
> * Use: Setup the fontsizer $.FontSizer.Init(options); the two options
are
> min and max, for the min level and max level.
> * Defaults are min: -3 and max: 5.
> *
> * Author: Stefan Sedich ([EMAIL PROTECTED]
> */
> $.FontSizer = {
>
> level: 0,
>
> options : {
> min: -3,
> max: 5
> },
>
> Init : function(options) {
> if(options)
> $.FontSizer.options = $.extend($.FontSizer.options, options);
>
> //Get the current level from cookies.
> var level = ($.cookie('font_level') != null) ? $.cookie('font_level') :
0;
>
> //Set the font size to the current leve.
> $.FontSizer.SetFontSize(level);
>
> },
>
> IncreaseFontSize : function() {
>
> if(($.FontSizer.level) + 1 <= $.FontSizer.options.max) {
> //If we have not exceded the max level,
> //Get the next level and the set the size to this level.
> var next = (parseInt($.FontSizer.level) + 1);
> $.FontSizer.SetFontSize(next);
> }
>
> },
>
> DecreaseFontSize : function() {
> if(($.FontSizer.level - 1) >= $.FontSizer.options.min) {
> //If we have not exceded the min level,
> //Get the next level and the set the size to this level.
> var next = (parseInt($.FontSizer.level) - 1);
> $.FontSizer.SetFontSize(next);
> }
> },
>
> SetFontSize: function(level) {
>
> //Set the current level in the member variable and the cookie.
> $.FontSizer.level = level;
> $.cookie('font_level', level);
>
> //Work out the new em value and set it.
> var level = (level / 10) + 1;
> $("body").css("fontSize", level+"em");
>
> }
>
> };
> --
> View this message in context:
>
http://www.nabble.com/Font-Size-Plugin-Take-2-tf3564312s15494.html#a9955726
> Sent from the jQuery Plugins mailing list archive at Nabble.com.
>
>
>
