javascript - window.print not working tried all methods in all major browsers - Stack Overflow

admin管理员组

文章数量:1345089

I am trying to print a page with window.print but it ain't working in all the browsers.

This is the code that i am using:

<div class="user_buttons">
    <!--Test 1-->
    <A HREF="javascript:window.print()"><IMG SRC="images/print.png" BORDER="0"</A>

    <!--Test 2--> 
    <FORM>
        <INPUT TYPE="button" onClick="window.print()">
    </FORM>

    <!--Test 3-->
    <SCRIPT LANGUAGE="JavaScript"> 
    if (window.print) {
        document.write('<form><input type=button name=print value="Print" onClick="window.print()"></form>');
    }
    </script>

    <!--Test 4-->
    <img src="images/print.png" onclick="window.print()">
    <div><a href="overzicht.php"><img src="images/overzicht.png" title="Terug naar overzicht"></a></div> 
</div>

As you can see i am trying multiple solutions given by the internet. What is frustrating is that those codes are working on the demo sites but they aren't on my page. I post my code in JSF. The JSF example will not be a working example but it will have the entire code in the javascript area. The link for the entire code is here: /

I am trying to print a page with window.print but it ain't working in all the browsers.

This is the code that i am using:

<div class="user_buttons">
    <!--Test 1-->
    <A HREF="javascript:window.print()"><IMG SRC="images/print.png" BORDER="0"</A>

    <!--Test 2--> 
    <FORM>
        <INPUT TYPE="button" onClick="window.print()">
    </FORM>

    <!--Test 3-->
    <SCRIPT LANGUAGE="JavaScript"> 
    if (window.print) {
        document.write('<form><input type=button name=print value="Print" onClick="window.print()"></form>');
    }
    </script>

    <!--Test 4-->
    <img src="images/print.png" onclick="window.print()">
    <div><a href="overzicht.php"><img src="images/overzicht.png" title="Terug naar overzicht"></a></div> 
</div>

As you can see i am trying multiple solutions given by the internet. What is frustrating is that those codes are working on the demo sites but they aren't on my page. I post my code in JSF. The JSF example will not be a working example but it will have the entire code in the javascript area. The link for the entire code is here: http://jsfiddle/7bRNu/

• javascript

Share Follow edited Oct 18, 2013 at 12:53 Smern 19.1k2222 gold badges7777 silver badges9393 bronze badges asked Oct 18, 2013 at 12:19 HennySmafterHennySmafter 13111 gold badge33 silver badges1414 bronze badges 14

• I'm fairly sure all of those should work. How do you establish that they "don't work"? ie. what is your expected behaviour? – Halcyon Commented Oct 18, 2013 at 12:22
• Did u check your jsfiddle?I request you to check it before post your link.. – Joke_Sense10 Commented Oct 18, 2013 at 12:23
• Your fiddle has HTML in the Javascript box. That's not going to work. – Barmar Commented Oct 18, 2013 at 12:24
• 1 @FritsvanCampen = When i load the webpage in my browser and I click on them it is not giving me the print screen. So it aint working. Joke_Sense10 and Barmar I said in my question that i put the entire code of the page in the javascript area. And yes the JSF is not working but adding 748 rows of code in stackoverflow is very irritating with the 4 spaces in front of each row. So I put it in JSF which is only once CTRL+V. But thanks for the ment. – HennySmafter Commented Oct 18, 2013 at 12:30
• 1 I cleaned the code up a bit, put it in the right boxes and removed all the PHP code and unnecessary stuff that does not belong in the fiddle. Turns out window.print works. jsfiddle/7bRNu/1 – Butt4cak3 Commented Oct 18, 2013 at 12:34

 |  Show 9 more ments

2 Answers 2

Sorted by: Reset to default 7

I finally got it. It was a very painfull process of searching errors in a huge mess of code. The next time you ask a question on stackoverflow, please make sure that you broke the problem down into smaller pieces and post only the code that you think is probably the cause of your problem.

In the very bottom of your entire code, there is a little script-section in which it says:

var print = document.getElementById("print").value;

You are in the global scope, meaning that every variable you declare will be a property of window. Therefore, by writing print = you actually redefine window.print. Change the name of this variable and you should be good. The following line is only an example. You can choose whatever variable name you like. Just don't use print.

var printValue = document.getElementById("print").value;

Here is one method isolated:

http://jsfiddle/5PumN/

<A HREF="javascript:window.print()"><IMG SRC="images/print.png" BORDER="0"</A>

It works just fine here.

本文标签： javascriptwindowprint not working tried all methods in all major browsersStack Overflow