Javascript Printing in ASP.Net

Question

3.00/5 (1 vote)

See more:

Hi Guys

Problems printing using javascript al contents inside the panel "panel2"...It only prints an empty textbox.Why is that?What am I missing? I have tried to enable and remove the cssClass and changed browsers but nothing seems to work.

C#

function printform() {
         var printContent = document.getElementById('<%= Panel2.ClientID %>');
         var windowUrl = 'about:blank';
         var uniqueName = new Date();
         var windowName = 'Print' + uniqueName.getTime();
         var printWindow = window.open(windowUrl, windowName,
'left=50000,top=50000,width=0,height=0');
         printWindow.document.write(printContent.innerHTML);
         printWindow.document.close();
         printWindow.focus();
         printWindow.print();
         printWindow.close();
     }

XML

<asp:Panel runat='server' id='Panel2' style="display:none; width:718px;" >
 <tr>
    <td class="style1" style="width: 281px">Full name:</td><td style="width: 458px">
        <asp:TextBox ID="txtFirstNameP" runat="server" CssClass="textbox" 
             MaxLength="30" ToolTip="Full Name"  Enabled="false" BorderStyle="None"
            ></asp:TextBox>
       
        </td>
    </tr>

    </asp:Panel>

Posted 2-Apr-12 22:30pm

Anele Ngqandu

Add a Solution

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Nikhil Dayalpawar · Answer 1 · 2012-04-03T04:11:00

//use this code it will be done...

XML

<div>
    <asp:Panel runat="server" id="Panel2" >
 <tr>
    <td class="style1" style="width: 281px">Full name:</td><td style="width: 458px">
        <asp:TextBox ID="txtFirstNameP" runat="server"
             MaxLength="30" ToolTip="Full Name"  Enabled="true" BorderStyle="None"
            ></asp:TextBox>

        </td>

    </tr>

    </asp:Panel>
    <asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="printform();" />
    </div>

Member 8610379 · Answer 2 · 2012-05-17T12:19:00

Hi,
If you got the answer please help me.
I am having same javascript as yours and I am using that in my Master Page.
It is showing me error on line:-
printWindow.document.write(printContent.innerHTML);

Thanks.

XML

<script type="text/javascript">
                function printPartOfPage() {
                    var printContent = document.getElementById("ContentPlaceHolder2");
                    var windowUrl = 'about:blank';
                    var uniqueName = new Date();
                    var windowName = 'Print' + uniqueName.getTime();
                    var printWindow = window.open(windowUrl, windowName, 'left=50000,top=50000,width=0,height=0');

                    printWindow.document.write(printContent.innerHTML);
                    printWindow.document.close();
                    printWindow.focus();
                    printWindow.print();
                    printWindow.close();
                }
</script>

XML

<div id="body">
<asp:ContentPlaceHolder ID="ContentPlaceHolder2" runat="server">
</asp:ContentPlaceHolder>
</div>

C#

HyperLink9.NavigateUrl = "javascript:window.printPartOfPage()";
                    HyperLink9.Text = "Print this Page";

Javascript Printing in ASP.Net

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Javascript Printing in ASP.Net

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us