[jQuery] Font Sizer Plugin
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 you page or ?20The plugin
requires jquery and the cookies plugin.Feedback would be appreciated. On
anything. 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);});Then have the link for call
$.FontSizer.IncreaseFontSize(); and for - call
$.FontSize.DecreaseFontSize();CODE/*** Purpose: Font
sizer class, handles increasing and decreasing font size of a page. *It
increases the font in 100increments. 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-Sizer-Plugin-tf3564245s15494.html#a9955519
Sent from the jQuery Plugins mailing list archive at Nabble.com.
[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.
[jQuery] Re: Font Size Plugin Take 2
Sure is mate check out my blog. http://monkeysoft.com.au/blog
codemonkey wrote:
>
> 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.
>> >
>> >
>> >
>>
>>
>>
>
>
--
View this message in context:
http://www.nabble.com/Re%3A-Font-Size-Plugin-Take-2-tf3564469s15494.html#a9991339
Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Submit button usage for SimpleModal - what am I missing?
Hi, I am using SimpleModal, and would like to fire a modal on the click of an input button. When the function fires, it flashes the modal for a brief moment and then dissapears... can anyone give me a hand? It's pretty basic: Any ideas? Apologies if this is not where to post to...
