chsalvia
asked on
Printer-Friendly PopUp Window
I have a page that displays a table with a lot of stats. I want to create a print button which will let the user print the stats without having to print the rest of the page.
It seems the best thing to do would be to create a pop-up window which generates a more printer-friendly version of the stats, and then calls the window.print() function.
Creating a popup window is somewhat problematic however. When I write to the new window using document.write(), the pop-up window appears but starts loading endlessly on Firefox. On IE this doesn't happen. Secondly, trying to print the new window doesn't work at all on IE, but works on FF.
Here's the code:
function printWindow() {
newwindow=window.open(url,
if (window.focus) {newwindow.focus()}
newwindow.document.write("
newwindow.print();
}
Is there a way to get consistent cross-browser behavior here?
It seems the best thing to do would be to create a pop-up window which generates a more printer-friendly version of the stats, and then calls the window.print() function.
Creating a popup window is somewhat problematic however. When I write to the new window using document.write(), the pop-up window appears but starts loading endlessly on Firefox. On IE this doesn't happen. Secondly, trying to print the new window doesn't work at all on IE, but works on FF.
Here's the code:
function printWindow() {
newwindow=window.open(url,
if (window.focus) {newwindow.focus()}
newwindow.document.write("
newwindow.print();
}
Is there a way to get consistent cross-browser behavior here?
Last Comment
follow this working sample:
http://lloydi.com/experiments/selective-printing/print_selective_sections.html
Nushi.
http://lloydi.com/experiments/selective-printing/print_selective_sections.html
Nushi.
SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER CERTIFIED SOLUTION
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
it should be:
newwindow.close();
Nushi
newwindow.close();
Nushi
and be aware that on IE:
window.print()" - calling ActiveX so if user has blocked activeX it will not work.
Nushi.
window.print()" - calling ActiveX so if user has blocked activeX it will not work.
Nushi.
No it should NOT be newwindow.close()
it MUST be
newwindow.document.close()
to FINALISE the newwindow.document.write()
It is mandatory on many browsers to do this to tell the browser you finished your document.writes
Michel
it MUST be
newwindow.document.close()
to FINALISE the newwindow.document.write()
It is mandatory on many browsers to do this to tell the browser you finished your document.writes
Michel
so it should be:
newwindow.document.close()
newwindow.close();
Nushi.
newwindow.document.close()
newwindow.close();
Nushi.
Nonono... You cannot close the window until after the print dialog has been shown
You can change to
newwindow.document.write('
'<style media="print">.noPrint { display:none }</style>'+
document.getElementById(di
'<hr class="noPrint"><a class="noPrint" href="#" onClick="window.close(); return false">Close</a>'+
'</body>');
You can change to
newwindow.document.write('
'<style media="print">.noPrint { display:none }</style>'+
document.getElementById(di
'<hr class="noPrint"><a class="noPrint" href="#" onClick="window.close(); return false">Close</a>'+
'</body>');
JavaScript
JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and in almost every mainstream web browser.
127K
Questions
--
Followers
--
Top Experts
Get a personalized solution from industry experts
TRUSTED BY
I will paste a sample in few minutes.
you open a pop up and set the CSS using medai and create CSS for printing.