[DHTML] Print button script

1) CODE TITLE: No "Print"s.

2) AUTHOR NAME/NOTES: Shachi Bista.

3) DESCRIPTION: Print a document without showing the "Print" button you created. Can't say that this is really a code but just a snippet I wanted to share.:)

Well, this code is pretty small and easy to install so I think I should place it inside code tags, so here it is:

Code:

---

<input type="button" onclick="window.print();this.style.display='none';" />

---

That's it.

If you want to reappear the button after some time then just use this:

Code:

---

<input type="button" onclick="window.print();this.style.display='none';setTimeout('function(){this.style.display=\'block\'}', timedelay);" />

---

NOTE: The part in blue is user configurable.

The window.print() method may be IE specific. In any case, all you really need is this in your stylesheet:

Code:

---

@media print {
.printbutton {
display:none;
}
}

---

Then use:

HTML Code:

---

<input class="printbutton" type="button" value="Print" onclick="window.print();">

---

That way, even with javascript disabled, if you print the page from the browser's print command, the button won't show up.

window.print() is implemented in at least IE, Mozilla, Opera, and KHTML.

Quote:

---

Originally Posted by jscheuer1

The window.print() method may be IE specific. In any case, all you really need is this in your stylesheet:

Code:

---

@media print {
.printbutton {
display:none;
}
}

---

Then use:

HTML Code:

---

<input class="printbutton" type="button" value="Print" onclick="window.print();">

---

That way, even with javascript disabled, if you print the page from the browser's print command, the button won't show up.

---

Oh!! I never knew any style properties like that. Thanks for letting me know.:)