FancyBox Print
Prints entire contents of FancyBox without opening additional window.
HTML
<link rel="stylesheet" href="http://fancyapps.com/fancybox/source/jquery.fancybox.css">
<script src="http://fancyapps.com/fancybox/source/jquery.fancybox.js"></script>
<a id="open" href="javascript:;">Open me</a>
JavaScript
$("#open").click(function() {
$.fancybox.open({
url:'http://Google.com',
autoSize : false,
width : '80%',
height : '80%',
scrolling : 'no',
afterShow : function() {
var oIframe = document.getElementById('myFrame');
var iframeDoc = (oIframe.contentWindow.document || oIframe.contentDocument );
iframeDoc.open();
iframeDoc.write(myContent);
iframeDoc.close();
}
});
});
var myContent = '<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns=\"http://www.w3.org/1999/xhtml\"><head><title></title><style type=\"text/css\">@media screen{html,body{margin:0;padding:0;height:100%;width:100%}p{padding:5px;}#btn{margin:5px 0 0 5px;}}@media print{#btn{display:none;}p{margin:100px;}}</style></head><body><button onclick=\"window.print(); return false;\" id=\"btn\">Print Me!</button><p></p></body></html>';