print the contents of a div

Eric · Jan 1, 2006

I have the following code on my ASPX (ASP 2.0) page:

<head runat="server">
<meta content="text/VBScript" http-equiv="content-script-type" />
<title>Call duty</title>
<script language=javascript>
function CallPrint(strid)
{
var prtContent = document.getElementById(strid);
var WinPrint =
window.open('','','left=0,top=0,width=1,height=1,toolbar=0,scrollbars=0,status=0');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
prtContent.innerHTML=strOldOne;
}
</script>
</head>

and between the form tags:

<asp:Button ID="btPrint" runat="server" Style="left: 1508px; position:
absolute; top: 92px" Text="Click this button to print the form!"
OnClientClick="javascript:callprint('divprint')" Visible="False" />
<div id="divPrint" runat="server" style="left: 1500px; width: 715px;
position: absolute; top: 128px; height: 1200px" visible="false">
<asp:Image ID="imPrint" runat="server" Height="100%" Width="100%"
style="left: 12px; top: 4px" /></div>

The idea is that when the user clicks on the button, the contents of the DIV
is printed, nut it doesn't work.
What am I doing wrong?

Please help!

rg,
Eric

Paul Henderson · Jan 1, 2006

You probably need to open the document itself for writing:

WinPrint.document.open();

before the line to write in the HTML...

Eric · Jan 1, 2006

thanks, but that is not the solution.

any other suggestions that can help?

rg,
Eric

Paul Henderson · Jan 1, 2006

any other suggestions that can help?

It works for me if:
a) I add the line mentioned above
b) I change "javascript:callprint('divprint')" to
"javascript:CallPrint('divPrint')"
c) I make the button visible

Eric · Jan 1, 2006

Thanks again, now I know what the problem was.
I didn't know it was all case-sensitive (line b)

now it works.

rg,
Eric

EiEiZin · Sep 12, 2008

can u replace this:

<input type="button" value="Print" onclick="CallPrint('divPrint');" style="width: 110px" id="Button1" /> <br />

instead of

<asp:Button ID="btPrint" runat="server" Style="left: 1508px; position:
absolute; top: 92px" Text="Click this button to print the form!"
OnClientClick="javascript:callprint('divprint')" Visible="False" />

EiEiZin · Sep 12, 2008

can u replace this:

<input type="button" value="Print" onclick="CallPrint('divPrint');" style="width: 110px" id="Button1" /> <br />

instead of

<asp:Button ID="btPrint" runat="server" Style="left: 1508px; position:
absolute; top: 92px" Text="Click this button to print the form!"
OnClientClick="javascript:callprint('divprint')" Visible="False" />

swapnamk · Mar 26, 2010

var prtContent = document.getElementById("divPrintContents");
var WinPrint = document.getElementById("ifmPrintContents").contentWindow;
WinPrint.document.open();
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();

add an iframe to the page

<iframe id="ifmPrintContents" style="height: 0px; width: 0px; position: absolute"></iframe>

jachmullan · Apr 23, 2010

voila

swapnamk, excellent. working well for me. i have a print icon inside it and it is getting printed either we have to move it off the div or hide it. could you suggest any?

Having trouble centering contents of td ?	3	May 2, 2023
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
printing gridview	1	Oct 26, 2007
Positioning a popup	10	Dec 13, 2020
Image shifts to the right when export the page to pdf	4	May 5, 2023
What print options from ascx control with datalist	1	Jun 6, 2005
Help with my responsive home page	2	Dec 14, 2022
<Button ...> display is fine, except for two things	1	Oct 23, 2023

print the contents of a div

Eric

Paul Henderson

Eric

Paul Henderson

Eric

EiEiZin

EiEiZin

swapnamk

jachmullan

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads