Originally posted by Alias
Thanx Boxer ... :)
But my problem is how to save the iframe page form the document containing it (with click on image wich is placed above of iFrame) ?
Possible ?
Ok, here we go ;). I've modified the script so it will save the htm page that you're calling into your iframe by clicking an image outside the iframe (in the page containing the iframe).
For the first part, you have to place the following inside the page to be loaded into the iframe. This would be 'home.htm' in your example the bolded part is what you need to add to home.htm):
<html>
<head>
<title>the iframe to be saved</title>
<script language="JavaScript" type="text/JavaScript">
var now = false;
function saveIt(){
if (now){document.execCommand("SaveAs");}
}
</script>
</head>
<body onLoad="now=true">
<!-- This page is home.htm in your example -->
This is the html page that will load into the iframe.
Also the html document that the user will be given the
option to save by clicking on an image above the iframe.
</body>
</html>
Next, you need to place the bolded part below into the page where you have the iframe (the page were you have the picture you want to click to save the page within the iframe):
<html>
<head>
<title>Save as example</title>
</head>
<body>
<a href="javascript:;" onClick="document.frames('external').saveIt();">
<img src="yourImage.gif" name="yourGraphic" border="0" width="50" height="50">
</a>
<br />
<iframe src="home.htm" width="700" height=500" id="external" name="external"></iframe>
</body>
</html>
Does this accomplish what you are trying to do? :thumbsup:
PS: Of course you'll have to change the image I used in the example to the one you wish to have the user click on to save the contents of the iframe ;).