Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
Print frame
- Thread starter bluebytez
- Start date
Hi
One solution is to open a printer friendly version of the page in a new window. That means a page without those objects you don't want to print (buttons etc.)
Use JavaScript to check if the print button was clicked. If so then open the same page (without buttons)in a new window, print the contents and then close the window after a few seconds delay.
rgds Bjorn
....................................
<SCRIPT>
//------ Print active Window
function printWindow() {
bV = parseInt(navigator.appVersion);
if (bV >= 4) window.print();
}
//------ Delay window closing
function delayCloseWin(dSecs) {
setTimeout('self.close()',dSecs);
return true;
}
</SCRIPT>
Contents to be printed
<SCRIPT>
printWindow();
delayCloseWin(5000);
</SCRIPT>
One solution is to open a printer friendly version of the page in a new window. That means a page without those objects you don't want to print (buttons etc.)
Use JavaScript to check if the print button was clicked. If so then open the same page (without buttons)in a new window, print the contents and then close the window after a few seconds delay.
rgds Bjorn
....................................
<SCRIPT>
//------ Print active Window
function printWindow() {
bV = parseInt(navigator.appVersion);
if (bV >= 4) window.print();
}
//------ Delay window closing
function delayCloseWin(dSecs) {
setTimeout('self.close()',dSecs);
return true;
}
</SCRIPT>
Contents to be printed
<SCRIPT>
printWindow();
delayCloseWin(5000);
</SCRIPT>
- Thread starter
- #3
Ok. Here is another solution with use of more code. You'll find the complete code below. This is working for MIE 5.5. This time you are uing one window only.
Feel free to use it.
Bjorn
-------------------------
<HTML>
<HEAD>
<script language="JavaScript1.2">
if (window != top) self.parent.location = location.href;
var str = "<TABLE cellSpacing=\"0\" cellPadding=\"0\" border=\"0\" width=\"100%\">" +
"<TR><TD colspan=\"2\"> </TD></TR><TR><TD><a href=\"javascript:void(printPage());\"><img src=\"btn-print-page.gif\" alt=\"Click Here to Print\" width=\"115\" height=\"20\" border=\"0\"></A></TD>" +
"<TD class=\"font-cn\" align=\"right\"><table cellSpacing=\"0\" cellPadding=\"0\" border=\"0\">" +
"<td><img src=\"btn-print-page.gif\" width=\"2\" height=\"19\"></td><td class=\"font-cn\" bgcolor=\"#E6E6E6\" align=\"right\" nowrap>" +
" <A class=\"ptnavbar\" href=\"javascript:self.close();\">Close</A> </td></tr></table></td></tr><tr><td></td></tr></table>";
</script>
<script language="JavaScript1.2">
var agt=navigator.userAgent.toLowerCase();
function printPage() {
var prn = new Image();
prn.src="";
if (window.print) {
setTimeout('window.print();',200);
}
else {
alert("Press 'Ctrl+p' on your keyboard to print page."
}
}
function hidePrint() {
if (document.all) {
document.all.hideTop.innerHTML = str;
document.all.hideBottom.innerHTML = str;
}
}
function showPrint() {
if (document.all) {
document.all.hideTop.innerHTML = "";
document.all.hideBottom.innerHTML = "";
}
}
</script>
<title>Print</title>
</HEAD>
<BODY bgColor="#FFFFFF" onLoad="hidePrint();" onbeforeprint="hidePrint();" onafterprint="showPrint();" onload="focus();" onfocus="hidePrint();">
<div id="hideTop">
</DIV>
<!--Text to Print goes here-->
<DIV>
<TABLE cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
This is the only text to be printet
</td>
</tr>
</table>
</DIV>
<!--Text to Print End-->
<DIV id="hideBottom">
</DIV>
</BODY>
<script language="Javascript1.2">
setTimeout('showLayer();',200);
</script>
</HTML>
Feel free to use it.
Bjorn
-------------------------
<HTML>
<HEAD>
<script language="JavaScript1.2">
if (window != top) self.parent.location = location.href;
var str = "<TABLE cellSpacing=\"0\" cellPadding=\"0\" border=\"0\" width=\"100%\">" +
"<TR><TD colspan=\"2\"> </TD></TR><TR><TD><a href=\"javascript:void(printPage());\"><img src=\"btn-print-page.gif\" alt=\"Click Here to Print\" width=\"115\" height=\"20\" border=\"0\"></A></TD>" +
"<TD class=\"font-cn\" align=\"right\"><table cellSpacing=\"0\" cellPadding=\"0\" border=\"0\">" +
"<td><img src=\"btn-print-page.gif\" width=\"2\" height=\"19\"></td><td class=\"font-cn\" bgcolor=\"#E6E6E6\" align=\"right\" nowrap>" +
" <A class=\"ptnavbar\" href=\"javascript:self.close();\">Close</A> </td></tr></table></td></tr><tr><td></td></tr></table>";
</script>
<script language="JavaScript1.2">
var agt=navigator.userAgent.toLowerCase();
function printPage() {
var prn = new Image();
prn.src="";
if (window.print) {
setTimeout('window.print();',200);
}
else {
alert("Press 'Ctrl+p' on your keyboard to print page."
}
}
function hidePrint() {
if (document.all) {
document.all.hideTop.innerHTML = str;
document.all.hideBottom.innerHTML = str;
}
}
function showPrint() {
if (document.all) {
document.all.hideTop.innerHTML = "";
document.all.hideBottom.innerHTML = "";
}
}
</script>
<title>Print</title>
</HEAD>
<BODY bgColor="#FFFFFF" onLoad="hidePrint();" onbeforeprint="hidePrint();" onafterprint="showPrint();" onload="focus();" onfocus="hidePrint();">
<div id="hideTop">
</DIV>
<!--Text to Print goes here-->
<DIV>
<TABLE cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
This is the only text to be printet
</td>
</tr>
</table>
</DIV>
<!--Text to Print End-->
<DIV id="hideBottom">
</DIV>
</BODY>
<script language="Javascript1.2">
setTimeout('showLayer();',200);
</script>
</HTML>
crazyboybert
Programmer
hmmmmmm. you can do this with stylesheets for compliant browsers (ie5 and above and ns6 i think). all you have to do is specify the styles to be applied at the print stage using the media attribute like this
<link rel="stylesheet" href="s.css" media="print">
or
<style type="text/css" media="print"></style>
or
actually in your stylesheet like this
@media print{
.noprint{display:none}
}
all i have done is set display:none for a class noprint in the print only section of the stylesheet. apply ther class noprint to anything you dont want to appear
hope this helps
rob
<link rel="stylesheet" href="s.css" media="print">
or
<style type="text/css" media="print"></style>
or
actually in your stylesheet like this
@media print{
.noprint{display:none}
}
all i have done is set display:none for a class noprint in the print only section of the stylesheet. apply ther class noprint to anything you dont want to appear
hope this helps
rob
- Thread starter
- #7
thanks to rob, i went and did more research on using css to control printing and here's what i found :
there is actually some style-sheet commands to break a page before printing.
page-break-after
page-break-before
You can pretty much pick out what each does. The first sets the printing page break just before the element, the second sets the page break just after.
Each command has four attributes:
always | auto | left | right
always tells the browser to break the print page after this element all the time.
auto is the default. You're telling the browser to do what it would do anyway: Page break where the page ends.
left and right is not supported by any browser yet. It is used if your printer will print both sides of a page, like a manuscript.
what i can do is put
<style type="text/css"> Pr.breakhere = {page-break-before: always} </style> in my <head> section
and use the Pr class whenever i want to break the page.
<Pr class = "breakhere">
just thought u guys might be interested to know, thanks for the help anyway !
there is actually some style-sheet commands to break a page before printing.
page-break-after
page-break-before
You can pretty much pick out what each does. The first sets the printing page break just before the element, the second sets the page break just after.
Each command has four attributes:
always | auto | left | right
always tells the browser to break the print page after this element all the time.
auto is the default. You're telling the browser to do what it would do anyway: Page break where the page ends.
left and right is not supported by any browser yet. It is used if your printer will print both sides of a page, like a manuscript.
what i can do is put
<style type="text/css"> Pr.breakhere = {page-break-before: always} </style> in my <head> section
and use the Pr class whenever i want to break the page.
<Pr class = "breakhere">
just thought u guys might be interested to know, thanks for the help anyway !
- Thread starter
- #8
continuing from my previous post, actually rob's method is better. page-break-before only breaks the page into two pages, so I still get the print button but only in another page. I've tried rob's method and it works great.
Thanks, rob !
Now, I wonder if there is a way to force it to print on landscape mode.
Thanks, rob !
Now, I wonder if there is a way to force it to print on landscape mode.
- Status
Similar threads
- Locked
- Question