Главная » 2011 » Январь » 26 » Открытие и печать картинки в новом окне (Javascript)
26.01.2011, 11:24

Открытие и печать картинки в новом окне



Скрипт позволяет открыть нужную картинку в новом окне, а затем распечатать ее.

1) Создаем html страницу со следующим содержанием:

Code
<style type=text/css><!--
body,img,table,tr,td{margin:0px;padding:0px;border:0px;text-align:center;vertical-align:middle}
--></style>
<meta http-equiv=Content-Type content="text/html; charset=windows-1251">
<body onLoad="if(d.images['i'])adjustWin()" leftmargin=0 topmargin=0 marginwidth=0 marginheight=0>
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
<tr><td><script>
var d=document
resizeTo(400,300)
function adjustWin(){resizeTo(d.images['i'].width+30,d.images['i'].height+47)}
   
var l=location.search
if(l.length>1){
var imgPath=unescape(location.search.substring(1,location.search.length));
var im=new Image
im.src=imgPath
d.write('<img name=i src="'+imgPath+'">')
}
else {d.write('Изображение временно недоступно.')}
</script></td><SCRIPT Language="Javascript">

function printit(){
if (window.print) {
window.print() ;
} else {
var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></OBJECT>';
document.body.insertAdjacentHTML('beforeEnd', WebBrowser);
WebBrowser1.ExecWB(6, 2);//Use a 1 vs. a 2 for a prompting dialog box WebBrowser1.outerHTML = "";
}
}
</script>

<SCRIPT Language="Javascript">
var NS = (navigator.appName == "Netscape");
var VERSION = parseInt(navigator.appVersion);
if (VERSION > 3) {
document.write('<form><input type=button value="Напечатать картинку" name="Print" onClick="printit()"></form>');
}
</script></tr></table>

Назовем ее, к примеру,

Code
img.html

2) На той странице, где будет находиться наша картинка, между <head> и </head> вставляем такой скрипт:

Quote
<script>
var scr='img.html'
// пишем, где находится файл со скриптом

function imgWin(img)
{
var wn=window.open(scr+'?'+escape(img),'win','resizable,width=400,height=200,screenX=0,screenY=0,top=0,left=0')
wn.focus()
return false
}
</script>

Красное - ссылка на созданную нами в пункте 1 страницу.

3) В том месте, где нужно вывести картинку, ставим это:

Code
<a href="ссылка на картинку.jpg" onClick="return imgWin('ссылка на картинку.jpg')"><img src="ссылка на маленькую картинку.jpg" border=0 alt=""></a>
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 6535 | Добавил: antisept | Рейтинг: 5.0/3 |
Теги: печать, новом, картинки, окне, открытие
Пока комментариев нет. Ты можешь быть первым!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]