/**
jQuery Flash Text Replacement plugin (ftr)
Version 0.3b
12.02.2009
Copyright (c) 2009 Ville Huumo, Byroo
Dual licensed under the MIT and GPL licenses.
http://www.opensource.org/licenses/mit-license.php
http://www.opensource.org/licenses/gpl-license.php
**/
(function ()
{
var $$;
var intv;
/**
Replaces matched elements with a custom font
@use
This plugin needs:
- jQuery {@link http://www.jquery.com}
- jQuery flash plugin {@link http://jquery.lukelutman.com/plugins/flash}
- Ftr custom font file {@link http://www.byroo.fi/dev/JS/ftr/source/FtrFont.zip}
Plugin source
- {@link http://www.byroo.fi/dev/JS/ftr/source/jquery.ftr.js}
@param font: Custom font file (.swf) String
@param userOptions: options Object
@return jQuery
@example
Replaces all h1 tags with Bookman font.
$('h1').ftr('fonts/bookman.swf');
Replaces all h1 tags with Caslon font and adds space over the text
$('h1').ftr('fonts/caslon.swf',{topOffset:10});
Replaces all first p tag with Caslon font and sets element height to match text in swf
$('p:first').ftr('fonts/caslon.swf',{multiline:true});
*/
jQuery(document).ready(function ()
{
$('body').append('');
$('#ftrtemporary').css({'width':'1px','height':'1px','border':'0px','position':'absolute','left':'0px','top':'0px'});
intv = setInterval($$.pollStyles, 10);
$$.pollStyles();
});
$$ = jQuery.fn.ftr = function (font, userOptions)
{
if (!font)
return false;
var options = {};
for (var i in $$.options) options[i] = $$.options[i];
for (var i in userOptions) options[i] = userOptions[i];
$$.elements.push({selector:$(this).selector, font:font, options:options});
if ($$.stylesLoaded)
{
$$.replaceAll();
}
return $(this);
}
/**
Re-replaces all ftr elements
@example
Assigns replace and remove buttons
$("a[title='replace']").click(function (event)
{
$().ftr.replaceAll();
event.preventDefault();
});
$("a[title='remove']").click(function (event)
{
$().ftr.removeAll();
event.preventDefault();
});
*/
$$.replaceAll = function ()
{
for (var i in $$.elements)
{
var element = $$.elements[i];
$(element.selector).each(function ()
{
$$.replace(this, element.font, element.options);
});
}
}
/**
Removes all ftr elements
@example
Assigns replace and remove buttons
$("a[title='replace']").click(function (event)
{
$().ftr.replaceAll();
event.preventDefault();
});
$("a[title='remove']").click(function (event)
{
$().ftr.removeAll();
event.preventDefault();
});
*/
$$.removeAll = function ()
{
for (var i in $$.elements)
{
var element = $$.elements[i];
$(element.selector).each(function ()
{
$$.remove(this, element.options.id);
});
}
}
$$.remove = function (obj,id)
{
var html = $(obj).find(".alt").html();
$(obj).html(html);
$(obj).removeClass(id);
}
$$.replace = function (obj, font, options)
{
if ($(obj).hasClass("."+options.id))
{
return;
}
var $block = $(obj).flash(
{
src: options.path+font
},
{
version: options.version,
update: false
},
function (htmlOptions)
{
// Size
htmlOptions.height = options.height || $(this).height();
htmlOptions.width = options.width || $(this).width();
htmlOptions.flashvars.w = htmlOptions.width;
htmlOptions.flashvars.h = htmlOptions.height;
if (options.width) htmlOptions.flashvars.forceWidth = true;
if (options.height) htmlOptions.flashvars.forceHeight = true;
// Color && Wmode
htmlOptions.bgcolor = options.background;
htmlOptions.wmode = options.wmode;
// Id
$$.replacedElements++;
htmlOptions.id = options.id + "-flash-" + $$.replacedElements;
// Text
htmlOptions.flashvars.txt = this.innerHTML;
// Styles
htmlOptions.flashvars.size = options.size || $(this).css("font-size");
htmlOptions.flashvars.color = options.color || "#000000";//$$.rgbToHex($(this).css("color"));
htmlOptions.flashvars.leading = options.leading || $(this).css("line-height");
htmlOptions.flashvars.transform = options.transform || $(this).css("text-transform");
htmlOptions.flashvars.multiline = options.multiline;
htmlOptions.flashvars.topOffset = options.topOffset || 0;
htmlOptions.flashvars.lefOffset = options.leftOffset || 0;
htmlOptions.flashvars.extendWidth = options.extendWidth || 0;
htmlOptions.flashvars.extendHeight = options.extendHeight || 0;
htmlOptions.flashvars.hoverColor = options.hoverColor || htmlOptions.flashvars.color;
// Callback
htmlOptions.flashvars.callbackHandler = options.callbackHandler;;
htmlOptions.flashvars.callbackId = htmlOptions.id;
htmlOptions.allowScriptAccess ="always";
// Alternative
this.innerHTML = ''+this.innerHTML+'';
var $alt = $(this.firstChild);
// Hide alt
$alt.hide().addClass("alt")
// Do the flash
$(this)
.addClass(options.id)
.prepend($.fn.flash.transform(htmlOptions));
}
)
return $block;
}
/**
Changes given element width and height. Custom font will call this function to resize.
@param id: id of the element String
@param w: new width Number
@param w: new height Number
@return boolean
*/
$$.fit = function (id,w,h)
{
$("#"+id).width(parseInt(w));
$("#"+id).height(parseInt(h));
/*
.height(h);
.attr("width",w)
.attr("height",h);*/
return true;
}
$$.elements = [];
$$.replacedElements = 0;
$$.stylesLoaded = false;
$$.options = {
multiline: false,
path: "",
version: 8,
background: "#ffffff",
wmode: "transparent",
id: "ftr-replaced",
callbackHandler: "$.fn.ftr.fit"
}
$$.pollStyles = function ()
{
if ($('#ftrtemporary').width() == 1)
{
clearInterval(intv)
$$.stylesLoaded = true;
$$.replaceAll();
$('#ftrtemporary').remove();
}
}
/**
Set default options
@param options: options Object
@example
Available options are:
height Height of the custom font. Default: replaced elements height determined by jQuery.height().
width Width of the custom font. Default: replaced elements width determined by jQuery.width().
background Background of the custom font. Default: "#ffffff".
wmode Wmode of the custom font. Default: "transparent".
id Id for the custom font. Default: "ftr-replaced".
size Font size of the custom font. Default: font-size of the replaced element.
color Color of the custom font. Default: color of the replaced element.
hoverColor Hover color of the custom font. Default: same as color.
leading Leading of the custom font. Default: line-height of the replaced element.
transform Transform of the custom font. Default: text-transform of the replaced element.
multiline Text flow of the custom font. If false, element is resized to left, if true, element is resized to down. Default: false.
topOffset Y position of the custom font. Default: 0.
lefOffset X position of the custom font. Default: 0.
extendWidth Relative width extend of the custom font. Default: 0.
extendHeight Relative width extend of the custom font. Default: 0.
path Path of the custom font file: Default "".
version Flash version of the font file: Default 8.
*/
$$.defaults = function (options)
{
$$.options = jQuery.extend($$.options, options);
}
$$.rgbToHex = function (rgb)
{
// To be fixed
/*
var re = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
var bits = re.exec(rgb);
var r = parseInt(bits[1]).toString(16);
var g = parseInt(bits[2]).toString(16);
var b = parseInt(bits[3]).toString(16);
if (r.length == 1) r = '0' + r;
if (g.length == 1) g = '0' + g;
if (b.length == 1) b = '0' + b;
return '#' + r + g + b;
*/
}
})();