JavaScript Print

[dandare]

hi All

Im printing the contents of a browser - no problems there, but what I need is to tack on the same printout an extra line of text that is not available when the page is loaded. Reloading the page is not an option im afraid. Is there anyway i can do this??

Thanks

Dan

[Kravvitz]

Could you add it to the page but use a stylesheet to hide it and then use a print stylesheet to show it when the page is printed?

(As far as I know, there is no cross-browser way to do this with JavaScript.)

[dandare]

Thanks for the sugestion Kravvitz - the problem I have is that the text will consist of an indentification number that has not been generated at the time the page is rendered. This will only be generated when the print button is pushed.

[felgall]

You would have to update the page with the new content prior to calling the print function. Just set up a function that does both the generation of the identification number followed by the call to print the page.

You can always use CSS to define that the div containing the identification number is not to display on the screen but is to be printed. Here is some of the code you could use:

<style>
.print {display:none}
@media print {
.print {display:block;}
}
</style>
<script type="text/javascript">
function genNumberPrint() {
document.getElementById('num').innerHTML = generatedNumber;
window.print();
}
</script>
<div class="noprint" id="num"></div>
<div onclick="genNumberPrint()">Click here to print</div>