Is it possible to print the content of a hidden iframe(by assigning display:none as its style)
Calling the window.frame.print results in printing the current page not the iframe.

Well normally to print a frame you must call the focus method first: but I doubt this will work when the style.display is "none".

--

Joe (Microsoft MVP - XML)

You're right it works fine when the iframe's display style is not 'none'
I tried visibility:hidden and it fails too(prints the container page)
yet...any other solution?

Change the display before printing and reset to display:none afterwards or use the @media directive (other examples in this forum) to have the display:none in screen mode but not in print mode.

--

Joe (Microsoft MVP - XML)

What's the problem with this code of mine(where 'toPrint' is the id and name of an iframe):

      function printReceipt(){
        document.getElementById("toPrint").style.display=" ";
        window.toPrint.focus();
        window.toPrint.document.write("x");
        window.toPrint.print();
        document.getElementById("toPrint").style.display=" none";
        return false;
      }
this function prints nothing and without any error!

I think you need to close the document, I would also move it around and add a display style: --

Joe (Microsoft MVP - XML)

You might also try opacity. Give the iframe 100% opacity (fully transparent), and then layer it underneath the rest of your content, e.g. position: absolute; z-index: -1. In theory, the opacity would apply to the iframe but not to the contents of the iframe, since it is a separate document. You might also try a print style sheet for the main document that has the visibility, display, opacity (whichever works) set to visible, and not visible in the normal style sheet.

In Explorer opacity is set with a proprietary filter property.
http://msdn.microsoft.com/workshop/a...ters/alpha.asp

iframe {
    filter:progid:DXImageTransform.Microsoft.Alpha(opa city=100);
}

In Mozilla, prior to Firefox 1.0 (Netscape 7, Mozilla 1.7, etc), it's the -moz-opacity property, which accepts a decimal value between 0 (fully transparent) and 1 (fully opaque).

For instance:
iframe {
    -moz-opacity: 0;
}

Or

iframe {
    -moz-opacity: 0.1; /* mostly transparent */
}

Firefox 1.0 and later take the CSS3 opacity property (same value). Safari is said to support -khtml-opacity, which is the same as the CSS 3 opacity property, don't know though never tried it.

http://www.w3.org/TR/2003/CR-css3-co.../#transparency

HTH!

Regards,
Rich

--
[http://www.smilingsouls.net]
Mail_IMAP: A PHP/C-Client/PEAR solution for webmail
Author: Beginning CSS: Cascading Style Sheets For Web Design