Run javascript function (execCommand('SaveAs'..) on an iframe

Question

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">

    $(function(){

        $('#myiframe')[0].document.execCommand('SaveAs',false,'somexml.xml');

    });

</script>
</head>
<body>
<iframe id="myiframe" src="somexml.xml" frameborder="0"></iframe>
</body>
</html>

I know that execCommand only works in IE, but i cant get this to work. All I want is a "save as" dialog, with the iframe content beeing saved. So I want to run the function in the iframe, not on the "main" page.

Thanks

Answer 1

Try this:

var oIframe = $('#myiframe')[0];
var oDoc = oIframe.contentWindow || oIframe.contentDocument;
if (oDoc.document) {
    oDoc = oDoc.document;
}
oDoc.execCommand('SaveAs',false,'somexml.xml'); // this line will work only in IE

See this link for getting the document object of an iframe correctly: http://xkr.us/articles/dom/iframe-document/

Run javascript function (execCommand('SaveAs'..) on an iframe

Question

1 answers

solution1
2 2012-01-17 14:58:29

Run javascript function (execCommand('SaveAs'..) on an iframe

Question

1 answers

solution1 2 2012-01-17 14:58:29

solution1
2 2012-01-17 14:58:29