Skip to content

JavaScript extended functionality for jQuery printThis plugin #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
iliaross wants to merge 1 commit into
base: master
Choose a base branch
from
Open

JavaScript extended functionality for jQuery printThis plugin #21

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
134 changes: 134 additions & 0 deletions Ilia Rostovtsev
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
(function ($) {
var opt;
$.fn.printThis = function (options) {
opt = $.extend({}, $.fn.printThis.defaults, options);
var $element = this instanceof jQuery ? this : $(this);

var strFrameName = "printThis-" + (new Date()).getTime();

if(window.location.hostname !== document.domain && navigator.userAgent.match(/msie/i)){
// Ugly IE hacks due to IE not inheriting document.domain from parent
// checks if document.domain is set by comparing the host name against document.domain
var iframeSrc = "javascript:document.write(\"<head><script>document.domain=\\\"" + document.domain + "\\\";</script></head><body></body>\")";
var printI= document.createElement('iframe');
printI.name = "printIframe";
printI.id = strFrameName;
printI.className = "MSIE";
document.body.appendChild(printI);
printI.src = iframeSrc;

} else {
// other browsers inherit document.domain, and IE works if document.domain is not explicitly set
var $frame = $("<iframe id='" + strFrameName +"' name='printIframe' />");
$frame.appendTo("body");
}


var $iframe = $("#" + strFrameName);

// show frame if in debug mode
if (!opt.debug) $iframe.css({
position: "absolute",
width: "0px",
height: "0px",
left: "-600px",
top: "-600px"
});


// $iframe.ready() and $iframe.load were inconsistent between browsers
setTimeout ( function () {

var $doc = $iframe.contents();

// import page javascripts
if (opt.importJS) $("script[src]").each(function () {
if (this) {
$doc.find("head").append(this);
}
});

// import page stylesheets
if (opt.importCSS) $("link[rel=stylesheet]").each(function () {
var href = $(this).attr("href");
if (href) {
var media = $(this).attr("media") || "all";
$doc.find("head").append("<link type='text/css' rel='stylesheet' href='" + href + "' media='" + media + "'>")
}
});

//add title of the page
if (opt.pageTitle) $doc.find("head").append("<title>" + opt.pageTitle + "</title>");

// import additional stylesheet
if (opt.loadCSS) $doc.find("head").append("<link type='text/css' rel='stylesheet' href='" + opt.loadCSS + "' media='all'>");

// import external javascript command
if (opt.loadJS) $doc.find("head").append('<scr' + 'ipt type="text/javascript">setTimeout ( function () {' + opt.loadJS + '}, 0 );</scr' + 'ipt>');

// print header
if (opt.header) $doc.find("body").append(opt.header);

// grab $.selector as container
if (opt.printContainer) $doc.find("body").append($element.outer());

// otherwise just print interior elements of container
else $element.each(function () {
$doc.find("body").append($(this).html());
});

// remove inline styles
if (opt.removeInline) {
// $.removeAttr available jQuery 1.7+
if ($.isFunction($.removeAttr)) {
$doc.find("body *").removeAttr("style");
} else {
$doc.find("body *").attr("style", "");
}
}

setTimeout(function () {
if($iframe.hasClass("MSIE")){
// check if the iframe was created with the ugly hack
// and perform another ugly hack out of neccessity
window.frames["printIframe"].focus();
$doc.find("head").append("<script> window.print(); </script>");
} else {
// proper method
$iframe[0].contentWindow.focus();
$iframe[0].contentWindow.print();
}

$element.trigger( "done");
//remove iframe after print
if (!opt.debug) {
setTimeout(function () {
$iframe.remove();
}, 1000);
}

}, opt.printDelay);

}, 333 );

};

// defaults
$.fn.printThis.defaults = {
debug: false, // show the iframe for debugging
importCSS: true, // import parent page css
importJS: true, // import parent page js
printContainer: true, // print outer container/$.selector
loadCSS: "", // load an additional css file
loadJS: "", // run an additional js commands
pageTitle: "", // add title to print page
removeInline: false, // remove all inline styles
printDelay: 333, // variable print delay S. Vance
header: null // prefix to html
};

// $.selector container
jQuery.fn.outer = function () {
return $($("<div></div>").html(this.clone())).html()
}
})(jQuery);