Print Preview using JavaScript onClick?

Kebmo · Oct 27, 2005

The client insists on having a link or button that the user can click
to view the printable version in the browser. I already have the css
done for the print version, so thats not a problem. I don't want to
create duplicate pages if I can help it (I anticipate many updates as
the months go by, and I don't want to have to do double the work).

I know I have seen this functionality before, but I can't seem to find
it now. Is there existing script to open the print preview pane with an
onClick?

Any help is greatly appreciated.

Kebmo

VK · Oct 27, 2005

Kebmo said:
The client insists on having a link or button that the user can click
to view the printable version in the browser. I already have the css
done for the print version, so thats not a problem. I don't want to
create duplicate pages if I can help it (I anticipate many updates as
the months go by, and I don't want to have to do double the work).

I know I have seen this functionality before, but I can't seem to find
it now. Is there existing script to open the print preview pane with an
onClick?

Any help is greatly appreciated.

Kebmo

In the document <head> : (no JavaScript needed)

<link rel="stylesheet"
type="text/css"
media="all"
href="stylesCommon.css">
<link rel="stylesheet"
type="text/css"
media="screen"
href="stylesBrowser.css">
<link rel="stylesheet"
type="text/css"
media="print"
href="stylesPrint.css">

Kebmo · Oct 27, 2005

Thanks. I have this sort of setup already. When the user prints the
page, it uses the print-only styledsheet I made for that purpose.

What I need is to be able to click a link or button and open the Print
Preview pane just as if I had gone to file-->print preview.

Is this even possible?

Evertjan. · Oct 27, 2005

Kebmo wrote on 27 okt 2005 in comp.lang.javascript:

Thanks. I have this sort of setup already. When the user prints the
page, it uses the print-only styledsheet I made for that purpose.

What I need is to be able to click a link or button and open the Print
Preview pane just as if I had gone to file-->print preview.

Is this even possible?

Using serverside jscript unser ASP:

<%@ Language=JScript %>
<link rel="stylesheet"
type="text/css"
media="all"
href="stylesCommon.css">

<link rel="stylesheet"
type="text/css"
media="screen"
<% ' ASP Jscript
if(request.querystring('print')=='yes'){
%>
href="stylesBrowser.css"
<%
}else{
%>
href="stylesPrint.css"
<%
};
%>
<link rel="stylesheet"
type="text/css"
media="print"
href="stylesPrint.css">

.......

<a href='?print=yes'>Print preview</a>

rf · Oct 27, 2005

Kebmo said:
The client insists on having a link or button that the user can click
to view the printable version in the browser.

Teach your client how to use File>Print Preview. Then she will stop wanting
that.

Evertjan. · Oct 27, 2005

rf wrote on 27 okt 2005 in comp.lang.javascript:

Teach your client how to use File>Print Preview. Then she will stop
wanting that.

Or let them use Fineprint.

<http://www.fineprint.com/>

D. Patterson · Nov 3, 2005

Another option (the one that I use) is MeadCo's ScriptX ActiveX object.
They also have a way to make it (and pretty much any other ActiveX object)
work with other browsers.
Check out http://www.meadroid.com/scriptx/about.asp
Dave

Javascript DOM	1	Mar 29, 2023
Add recipes using JavaScript in table	20	Apr 17, 2023
HTML and JavaScript Documents in tree view and Preview functionality	1	Feb 18, 2014
How to print prefix and suffix without giving a String as an argument between them	2	May 9, 2022
print preview page	3	Aug 12, 2008
Upload and Preview Image with Javascript with making any server calls	7	Nov 6, 2011
display print preview dialog, not print dialog	1	Nov 20, 2004
Check forms With JavaScript	1	Mar 28, 2023

Print Preview using JavaScript onClick?

Kebmo

VK

Kebmo

Evertjan.

rf

Evertjan.

D. Patterson

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads