Problems printing an iFrame

elemental · #1 05-06-2004, 01:03 PM

Firstly I'll own up to not being a code monkey, so I really do need some help.

I require a javascript code to focus and print an iFrame called 'stocklist_content' I need to be able to do this by placing a link in the parent frame and a seperate within the iFrame itself.

I have found a few articles on the subject but no complete examples of the required code.

Can anyone provide a full example?

Thanks in advance, elemental

**Kor** · #2 05-06-2004, 01:11 PM

focus() the iframe than print() it (by the way, print() method works on IE only).

sciguyryan · #3 05-06-2004, 01:14 PM

Try something like this:

Code:

<script type="text/javascript">
<!--
function PrintF(){
var IFRAME = document.getElementById("MyIframe");
IFRAME.print();
}
//-->
</script>

Note: remember to change the ID ("MyIframe") there to your frames id and, to add the event to something e.g. a button like so:

Code:

<form action="" method="post">
<input type="button" value="Print!" OnClick="PrintF();" />
</frame>

elemental · #4 05-06-2004, 01:39 PM

I'm very impressed with the prompt replies, thanks.

sciguyryan I have used your code e.g.

http://www.sentinalcars.com/stocklist.html

but get the following error in Explorer 6:

IFRAME.print();

Quote:

Error: Object doesnt support this property or method on line 45

Line 45 being:

Quote:

IFRAME.print();

err....

elemental · #5 05-06-2004, 01:42 PM

Dam sorry typo in URL

http://www.sentinelcars.com/stocklist.html

elemental

sciguyryan · #6 05-06-2004, 02:47 PM

Ok, sorry about that it seems I used an incorrect idea

try this:

Code:

<script type="text/javascript">
<!--
function PrintF(){
document.FrameName.focus();
document.FrameName.print();
}
//-->
</script>

Remember to change the names though

elemental · #7 05-06-2004, 03:25 PM

No change

Quote:

Error: Object doesn't support this property or method

Refers to Line 44:

[quote]document.stocklist_content.print();[\QUOTE]

Next...

sciguyryan · #8 05-06-2004, 03:41 PM

Thats odd, when I looked this up that was the syntax used on another site :S

If I get any other ideas I'll post them for you to try.

fredmv · #9 05-06-2004, 03:45 PM

http://www.webdeveloper.com/forum/sh...900#post130635

elemental · #10 05-06-2004, 04:08 PM

We're back on track, thanks fredmv.

Now the iframe content prints but not fully... it cuts off at the bottom of the printed page border...

Any ideas?

elemental · #11 05-07-2004, 05:38 PM

The responses have stopped flowing... ok let me rephraise the question before I abandon iframes forever. How do I force the browser to print the entire contents of the iframe?

thanks in advance, elemental.

Vladdy · #12 05-07-2004, 05:49 PM

Abandoning iframes is the best idea of the thread so far (most probably you were using them for all the wrong reasons anyway). :thumbsup:

ecline · #13 02-20-2008, 06:11 PM

Tested in IE7

Code:

<head>
<script type="text/javascript">
function ClickHereToPrint(){
    try{ 
        var oIframe = document.getElementById('ifrmPrint');
        var oContent = document.getElementById('divToPrint').innerHTML;
        var oDoc = (oIframe.contentWindow || oIframe.contentDocument);
        if (oDoc.document) oDoc = oDoc.document;
		oDoc.write("<html><head><title>title</title>");
		oDoc.write("</head><body onload='this.focus(); this.print();'>");
		oDoc.write(oContent + "</body></html>");	    
		oDoc.close(); 	    
    }
    catch(e){
	    self.print();
    }
}
</script>
</head>


<body>

<a onclick="ClickHereToPrint();">Print</a>

	<iframe id='ifrmPrint' src='#' style="width:0px; height:0px;"></iframe>
	<div id="divToPrint">
		content
	</div>
</body>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)