I was thinking something of the sort, but I didn't try it. I'll check it out right now.
Update: Having trouble. I wrote two pages:
test_pg.htm
<html>
<head>
<script type="text/javascript">
function modify()
{
var x = frame1.getElementById('edit1').innerHTML;
document.write(x);
}
function modify2()
{
var x = document.getElementById("frame1").contentDocument;
document.write(x.getElementById("edit1").childNodes[0].nodeValue);
}
</script>
</head>
<body>
<iframe src="test_pg2.htm" id="frame1" name="frame1"></iframe>
<br /><br />
<input type="button" onclick="modify()" value="Test" />
<input type="button" onclick="modify2()" value="Test 2" />
</body>
</html>
test_pg2.htm
<html>
<head>
</head>
<body>
<div id="edit1">test</div>
</body>
</html>
Why won't modify() write the contents of edit1?
How can I get modify2() to write to the same page, not to a new one?