javascript error while printing a web form

Question

0.00/5 (No votes)

See more:

Hi friends! I've written the following code in Markup, where I'm getting error when "btnPrint" button is clicked..

Error:
"Microsoft JScript runtime error: Unable to get value of the property 'style': object is null or undefined"

javascript:

JavaScript

function PrintReport() {
    window.print();
    document.getElementById('btnPrint').style.visibility = 'hidden';
}

in table row:

ASP.NET

<asp:Button ID="btnPrint" runat="server" Text="Print"  OnClientClick="PrintReport()"/>

Can anyone answer the solution plz..

Regards,
Ravi kamesh

Posted 17-Jul-12 21:34pm

prk@cp

Updated 17-Jul-12 21:37pm

StianSandberg

v2

Add a Solution

Comments

kk2014 18-Jul-12 3:41am

hi ravi kamesh,

i applied ur code to my app. it works perfectly here.

kkakadiya

prk@cp 18-Jul-12 4:32am

Have u taken print out??when Print button is clicked, error is coming..

2 solutions

Solution 1

HTML

<style type="text/css" media="screen">
        .button
        {
            display: block;
        }
</style>
<style type="text/css" media="print">
        .button
        {
            display: none;
        }
</style>

and ur button code

ASP.NET

<asp:button id="btnPrint" runat="server" text="Print" onclientclick="javascript:window.print();" CssClass="button" />

Posted 17-Jul-12 21:36pm

shahcool143

Updated 17-Jul-12 21:39pm

v3

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

StianSandberg · Accepted Answer · 2012-07-17T21:40:00

Solution 2

That is because there is no element with id 'btnPrint' in your html.
Even if you write id="btnPrint" in your server control (button) it wont end up with that same id when the page is rendered.

be ware of the order in your javascript

JavaScript

function PrintReport() {
    var btnId = '<%=btnPrint.ClientID %>'; // find the server generated clientId

    // Hide before you call window.print()
    document.getElementById(btnId).style.visibility = 'hidden';

    window.print();
}

Posted 17-Jul-12 21:40pm

StianSandberg

Updated 17-Jul-12 21:43pm

v2

Comments

bbirajdar 18-Jul-12 4:31am

Correct answer.. +5..The client id of the control has to be used and not the server ID

StianSandberg 18-Jul-12 4:43am

take a look at your generated html source and check if the javascript produces the same id as the actual id of your button

prk@cp 18-Jul-12 4:41am

yep...now working properly..ThankUUUUUU

StianSandberg 18-Jul-12 4:44am

glad i could help :)