Опция за принтиране

[stoqnski]

Някой знае ли как на страницата ми да има опция принтирай нещо подобно да излиза като това :

Print ?

 

[I_V_O]

window.print();

Слагаш си го event hendler.

 

[stoqnski]

window.print();

Слагаш си го event hendler.

неразбрах нищо

 

[sinn]

http://www.javascriptkit.com/howto/newtech2.shtml

 

[shterev]

ами правиш си иконката да ти е линк примерно. Задаваш това:

<a href="javascript: window.print();" class="printer">print page</a>

>

Чрез този скрип се принтира страницата.Нали задал си си картинката за принт-а.
После слагаш това:

<link href="css/print.css" rel="stylesheet" type="text/css" media="print" />

Което ще рече че тоя цсс се изпълнява точно когато се принтира страницата.Настроваш си такъв цсс за принт версия.Все едно правиш за ие6-примерно. Можеш да види как ще изглежда преди да се отпечата от Файл->преглед преди отпечатване - от браузъра.

 

[stoqnski]

http://www.javascriptkit.com/howto/newtech2.shtml

така е по-добре +1

 

[ystefanov]

Къде може да имам грешка, направих както е посочено, но не ми се отпечатва всичко което съм отбелязал. Имам само една картинка и отдолу един текст, които искам да се принтира, но като мина през file/print preview и ми показва само картинката. Да не би проблема да е във версията на браузъра IE6?

html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"  />
</head>

<body>
<div class="print"><img src=http://web-tourist.net/userfiles/1/1979.jpg alt="" width="262" height="149" /></div><p>

Невидим текст</p>

<div class="print"><p>Видим текст</p></div>

<form>
<input type="button" value=" Print this page "
onclick="window.print();return false;" /></form> 

</body>
</html>

css

 body {visibility: hidden;}
.print {visibility:  visible;}