1) Put these two JavaScript functions in a script tag in the top of your HTML page or in a separate .js file:
Code: Select all
/**
* Modified for Highslide from http://www.boutell.com/newfaq/creating/printpart.html
*/
hs.printImage = function (el) {
var exp = hs.expanders[hs.getWrapperKey(el)];
link = "about:blank";
var pw = window.open(link, "_new");
pw.document.open();
pw.document.write(exp.getPrintPage());
pw.document.close();
return false;
};
hs.Expander.prototype.getPrintPage = function() {
// We break the closing script tag in half to prevent
// the HTML parser from seeing it as a part of
// the *main* page.
return "<html>\n" +
"<head>\n" +
"<title>Temporary Printing Window</title>\n" +
"<script>\n" +"function step1() {\n" +
" setTimeout('step2()', 10);\n" +
"}\n" +
"function step2() {\n" +
" window.print();\n" +
" window.close();\n" +
"}\n" +
"</scr" + "ipt>\n" +
"</head>\n" +
"<body onLoad='step1()'>\n" +
"<img src='" + this.content.src + "'/>\n" +
"<div>" + this.caption.innerHTML + "</div>\n" + // remove this line if you don't want to print the caption
"</body>\n" +
"</html>\n";
};
Code: Select all
<a href="#" onclick="return hs.printImage(this)">Print</a>