You are here: irt.org | FAQ | JavaScript | Print | Q1403 [ previous next ]
This might be possible - but probably only in Netscape Navigator:
<script language="JavaScript"><!--
if (document.layers && (self.innerHeight == 0 && self.innerWidth == 0)) {
// printing
}
else {
document.write('<form><input type="button" value="Print" onClick="window.print()"><\/form>');
}
//--></script>The following was submitted by Enrique Lazo
Use css with @media print
<style>
@media print {
.donotprint { visibility:'hidden'}
}
</style>
<body>
....
<input type="button" name="print" value="print" class="donotprint" onclick="doPrint()" >
</body>The following was submitted by Jeevan Betigeri
Use this code to make it work in IE:
<script language="JavaScript"><!--
function hideButtonAndPrint() {
if (document.all["PrintButton"].style.visibility == "visible") {
document.all["PrintButton"].style.visibility = "hidden";
document.all["PrintButton"].style.display='none';
javascript:window.print();
document.all["PrintButton"].style.visibility = "visible";
document.all["PrintButton"].style.display='block';
}
}
--></script>
<TABLE>
<tr><td align='right'>
<div id="PrintButton" class="helptips" style="visibility:visible">
<input TYPE='button' class='sbttn' value='Send To Printer' Name='SendToPrinter' onclick="hideButtonAndPrint();">
</div>
</td></tr>
<TABLE>The following was submitted by suz
Using media type in css you can have the printed format look different from the screen format. IE5+, NN6
<style media="screen" type="text/css">
body,p,td {
background-color:#000000;
font-family: verdana, sans-serif;
font-size: 12px;
}
body,p {
color: #ffffff;
}
H3 {
font-size: 18px;
color: #ff9900;
}
td { color: #cc0000; }
.rowZ { background-color: #fff7eb; }
#printInfo { display: none }
</style>
<style media="print" type="text/css">
body,h3,p {
color: #000000; background-color:#ffffff
}
.noprint {
display: none
}
.rowZ {
background-color: #eeeeee;
}
#printInfo {
color:#ffffff; background-color:#000000
}
</style>
<body bgcolor="#333333">
<h3>Navigation</h3>
<p>IE5+/NN6 only p>
<table>
<tr>
<td class="rowZ">Lorem ipsum dolor sit amet, consectetuer adipiscing.</td>
</tr>
<tr>
<td>Zit amet, consectetuer adipiscing elit, sed.</td>
</tr>
<tr>
<td class="rowZ">Lorem ipsum dolor sit amet, consectetuer adipiscing.</td>
</tr>
<tr>
<td>Zit amet, consectetuer adipiscing elit, sed.</td>
</tr>
</table>
<p class="noprint">DON'T PRINT THIS LINE!!!!!!!!!!!!!!!!</p>