Printing a hidden iFrame in IE

This solution works fine in Firefox 3.0+, but IE8/7 is just printing the entire page, not the specific iframe.

This is the function that gets called when the print link is clicked:

var printfunc= function(){
  var url = http://someurl.aspx;
  //This iFrame has style="visibility: hidden; position: absolute; left: -9000px;"
  var printIFrame = GetObj('PrintIFrame');
  printIFrame.src = url;
}

The aspx that gets loaded into the hidden iframe calls the print function on the onload event handler:

<body onload="PrintJS.Print();">

The Print function:

 this.Print = function(){
      self.focus();
      self.print();
      return false;
 }

I've also tried this with "window" instead of "self". Both solutions work fine in FF but IE doesn't seem to get the scoping right. Any thoughts? A cross-browser solution would be great! Also, I'd rather use CSS print styles, but the content that I'm printing is different than that on the page, hence the need to load html into a hidden iframe.

标签： javascript internet-explorer iframe printing cross-browser

3条回答

Viruses.

2楼-- · 2019-01-24 09:30

Try document.parentWindow.print(); instead of self.print()...

0人赞添加讨论(0) 举报

▲ chillily

3楼-- · 2019-01-24 09:32

Solution: In IE, an iframe with visibility: hidden; causes the browser to print the parent. Changing the styles to height:0px; width: 0px; fixes this issue.

0人赞添加讨论(0) 举报

等我变得足够好

4楼-- · 2019-01-24 09:37

Parent Document:

<!doctype html>
<html>
    <head>
        <script> 
        function printIframe(iframe_id) { 

            if (navigator.appName.toUpperCase() == 'MICROSOFT INTERNET EXPLORER') { 
                document.frames[iframe_id].focus(); 
                document.frames[iframe_id].print(); 
            } else { 
                window.frames[iframe_id].focus(); 
                window.frames[iframe_id].print(); 
            } 
        } 
        </script> 
    </head>
    <body>
        <a href="javascript:printIframe('printMe');">Print the iframe.</a> 
        <iframe id="printMe" src="iframe.html"></iframe>
    </body>
</html>

iframe document:

<!doctype html>
<html>
    <head></head>
    <body>
        <p>Print this.</p>
    </body>
</html>

From the below link: http://www.eggheadcafe.com/PrintSearchContent.asp?LINKID=449

0人赞添加讨论(0) 举报

Printing a hidden iFrame in IE

采纳回答

编辑标签

举报内容

检举类型

检举原因

检举说明(必填)

打开微信“扫一扫”，打开网页后点击屏幕右上角分享按钮

付费偷看金额在0.1-10元之间