ansaurus

Question

Printing contents of a dynamically created iframe from parent window

Answer 1

A:

Hmm do I get this right? You only need to change the source of where the IFrame leads to?

$("#iframe").attr("src", "http://www.example.com");

Ólafur Waage 2009-05-06 18:59:15

no, the problem is that i cannot print the page in the iframe - there're 2 options:1) it's possible to print it like a part of the page (with PrintArea plugin) - but then it prints only one page and the content of the iframed page is not formatted on the paper as it should be.2)it's possible to print it as a normal page but ONLY if iframe tag is not inserted dynamically, via JS but statically presents in HTML.

certainlyakey 2009-05-06 19:28:45

Answer 2

A:

Maybe the same-domain restriction prevents your JavaScript from executing. The same-domain restriction allows JavaScript in frame A (or the main window) to interact (such as .print()) with frame B if A and B are from the same domain. Check your JavaScript error console. If you get something like a security exception / permission error, then it is most probably because of the same-domain restriction.

pts 2009-05-06 19:21:06

No, i've got no such errors in Firebug... And yes, the pages are all from the same domain.

certainlyakey 2009-05-06 19:32:54

Answer 3

+1 A:

I tried this and was able to replicate the issue. What i noticed was that when calling the print function the iframe hadn't completed loaded. i tested this by checking the value of innerHTML when calling PrintIFrame(). To overcome this, you can use setTimeOut to call the function again x milliseconds later:

function PrintIframe() { 

        if (window.frames['myname'].innerHTML != "") {
            window.frames['myname'].focus();
            window.frames['myname'].print();
        } else {
            setTimeout(PrintIframe,1000);
        }    
    }

This worked for me

EDIT Strange - i had an alert in my test code which seems to make it work. When i took it out, it didn't work. Sorry :(

Anyway, this should do it using jQuery to attach a load event handler to the iframe. I have tested on IE8 and it works:

<html>
<head>
    <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
    <script type="text/javascript">
    function loadiFrame(src)
    {
        $("#iframeplaceholder").html("<iframe id='myiframe' name='myname' src='" + src + "' />");
    }

    $(function()
    {
        $("#printbutton").bind("click", 
            function() { 
                loadiFrame('test.aspx'); 
                $("#myiframe").load( 
                    function() {
                        window.frames['myname'].focus();
                        window.frames['myname'].print();
                    }
                 );
            }
        );
    });
    </script>    
</head>
<body>
    <input type="button" id="printbutton" value="Load iFrame" />
    <div id="iframeplaceholder"></div>
</body>
</html>

Temple 2009-05-06 20:19:33

Not for me:( Again, it's OK with html but it does not print an iframe if it was created by JQ itself.

certainlyakey 2009-05-06 21:10:38

Well your last elaboration did work out for me on the test page, should investigate further...

certainlyakey 2009-05-10 05:59:46

Answer 4

A:

I created a simple test page to illustrate (it's much simpler in JS code than my working project), and printing "dynamic" iframe there works, but strangely only once. http://forensicsciences.ru/!newsite/html/example.html

certainlyakey 2009-05-06 21:30:42

ansaurus

tags:

views:

answers:

Printing contents of a dynamically created iframe from parent window

related questions