/**
* jQuery printPage Plugin
* @version: 1.0
* @author: Cedric Dugas, http://www.position-absolute.com
* @licence: MIT
* @desciption: jQuery page print plugin help you print your page in a better way
*/
(function( $ ){
$.fn.printPage = function(options) {
// EXTEND options for this button
var pluginOptions = {
attr : "href",
url : false,
message: "Please wait while we create your document"
};
$.extend(pluginOptions, options);
this.on("click", function(){ loadPrintDocument(this, pluginOptions); return false; });
/**
* Load & show message box, call iframe
* @param {jQuery} el - The button calling the plugin
* @param {Object} pluginOptions - options for this print button
*/
function loadPrintDocument(el, pluginOptions){
$("body").append(components.messageBox(pluginOptions.message));
$("#printMessageBox").css("opacity", 0);
$("#printMessageBox").animate({opacity:1}, 300, function() { addIframeToPage(el, pluginOptions); });
}
/**
* Inject iframe into document and attempt to hide, it, can't use display:none
* You can't print if the element is not dsplayed
* @param {jQuery} el - The button calling the plugin
* @param {Object} pluginOptions - options for this print button
*/
function addIframeToPage(el, pluginOptions){
var url = (pluginOptions.url) ? pluginOptions.url : $(el).attr(pluginOptions.attr);
if(!$('#printPage')[0]){
$("body").append(components.iframe(url));
$('#printPage').on("load",function() { printit(); })
}else{
$('#printPage').attr("src", url);
}
}
/*
* Call the print browser functionnality, focus is needed for IE
*/
function printit(){
frames["printPage"].focus();
frames["printPage"].print();
unloadMessage();
}
/*
* Hide & Delete the message box with a small delay
*/
function unloadMessage(){
$("#printMessageBox").delay(1000).animate({opacity:0}, 700, function(){
$(this).remove();
});
}
/*
* Build html compononents for thois plugin
*/
var components = {
iframe: function(url){
return '';
},
messageBox: function(message){
return "\
"+message+"
";
}
}
};
})( jQuery );