Skip to content

All topics  /  jQuery

How to Print Iframe Content using Jquery?

jQuery ·

Hi Dev,

In this blog, i am going to learn you how to print iframe content using javascript. In this article, we will implement a jquery print iframe content only. if you want to see example of print iframe content using jquery then you are a right place. we will learn jquery print iframe pdf file. You just need to some step to done javascript print pdf file iframe.

Here, i will give you simple and easy example for how to print iframe content using jquery and javascript. if you open html code or pdf file on your iframe then you can simply print it using jquery.

You can can see bellow solution and bellow full example that will help you.


Solution 

var myIframe = document.getElementById("ipdf").contentWindow;
    myIframe.focus();
    myIframe.print();
    return false;

Example make sure you have mypdf.pdf file on your location so it will display in iframe.

So, please keep one file there. 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>How to print iframe content using jquery - NiceSnippets.com</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <button>Print</button>
    <iframe id="ipdf" src="NHPFORMTEST.pdf" width="880" height="900"></iframe>
</body>
<script type="text/javascript">
    $("button").click(function(){
        var myIframe = document.getElementById("ipdf").contentWindow;
            myIframe.focus();
            myIframe.print();
            return false;
    });
</script>
</html>

It will help you....

More on this topic