По дате Январь 13th, 2012

JavaScript - распечатать картинку/изображение, страницу целиком

Чтобы при помощи JavaScript распечатать текущую страницу - можно воспользоваться функцией window.print()

Чтобы распечатать картику в JavaScript (или вообще любой элемент) - можно воспользоваться небольшой хитростью - при помощи Javascript создать новое окно и его уже распечатать.

print_page.js

function makepage(src) {
// 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='" + src + "'/>\n" +
"</body>\n" +
"</html>\n";
}
function printme(evt) {
// Old IE
var image = evt.target;
if (!image) image = window.event.srcElement;
if (!evt) evt = window.event;
src = image.src;
link = "about:blank";
var pw = window.open(link,"_new");
pw.document.open();
pw.document.write(makepage(src));
pw.document.close();
}

Опубликовано Январь 13, 2012 | автор: levik  |  Нет комментариев »