Printing does not work when using Window.print()

Question

Printing does not work when using Window.print()

I am facing an error message "Stack over flow at line:0" in Internet Explorer when using the code below to print my Aspx web page. However, in Firefox, nothing seems to happen. Can anyone help me identify the issue?

<head>
 <script language="javascript" type="text/javascript">
        function print() {
            window.print();
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
<div class="toolbar" style="width:400px">
            <ul>
<li>
                <img alt="" src="../../../CssImages/printer_128.png" id="ImgPrint" width="20px" style="cursor:pointer" onclick="print()"/>
                </li>
     </ul>

javascript asp.net

Answer 1

Answer №1

Your code snippet:

function print() {
    window.print(); // <-- refers to this custom function
}

When you define a custom function called print like this, it gets stored in the global object as window.print. This leads to a situation where you are actually calling the function itself, creating an infinite loop that causes an overflow error.

Since window.print is already pre-defined natively, there's no need for the custom function. Removing the function print() {...} declaration will allow the JavaScript to use the 'real' window.print method directly (as print is just a reference to window.print), resulting in the desired printing behavior.

Answer 2

Your code snippet:

function print() {
    window.print(); // <-- refers to this custom function
}

When you define a custom function called print like this, it gets stored in the global object as window.print. This leads to a situation where you are actually calling the function itself, creating an infinite loop that causes an overflow error.

Since window.print is already pre-defined natively, there's no need for the custom function. Removing the function print() {...} declaration will allow the JavaScript to use the 'real' window.print method directly (as print is just a reference to window.print), resulting in the desired printing behavior.

Printing does not work when using Window.print()

Answer №1

Similar questions

What is the best way to obtain the id of a selected row using JavaScript?

Show the text from the chosen option using jQuery with a button

Encrypting data using a straightforward Javascript method and then decrypting it using PHP with a

Navigating through Controller.Response and the response from an ajax request

Update the contents of a neighbor div within the same parent element using jQuery

sending data to a PHP file via an AJAX request

What are the steps to access an Alexa skill through a web browser?

What is preventing me from retrieving an ID value within an IF condition?

Creating dynamic EJS templates in JavaScript script

Numerous instances of running JavaScript code

The environmental variable remains undefined even after it has been established

Trimming a Three.js Sprite to conform with the boundaries of its parent Object

Executing an Ajax SPARQL request in Firefox

Show a confirmation dialog box using bootbox that includes a link when the user selects OK

How to sort Firebase real-time database by the child node with the highest number of

Adding new rows to an ng-repeat table in AngularJS with unique controls for each row, distinct from those

What's the most effective way to constrain focus within a Modal Component?

troubleshooting problems with feathers.JS using the npm start command

Implement the maskmoney library in your input fields

Unable to access a nested JSON object that has a repeated name