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();
}

Метки:

Автор будет признателен, если Вы поделитесь ссылкой на статью, которая Вам помогла:
BB-код (для вставки на форум)

html-код (для вставки в ЖЖ, WP, blogger и на страницы сайта)

ссылка (для отправки по почте)

Добавить комментарий