Имеется код, который обеспечивает отправку при загрузке страницы формы на сервер и получение ответа в iframe, но почему-то не в состоянии перезаписать содержимое iframe в контейнер div (10-11 строки):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Onresize</title>
<script type="text/javascript">
function fz(){var ifx=document.getElementById('ifr'),dci;
setTimeout(function(){
if (ifx.contentDocument){dci=ifx.contentDocument} else {dci=ifx.contentWindow.document;}
var st=dci.body.innerHTML;
document.getElementById('dv').innerHTML=st;},3000);
}
function fy(){var sq='input';
document.getElementById('dv').innerHTML=sq;
}
function fi(){
var jfr=document.getElementById('ifr');
if (jfr){jfr.parentNode.removeChild(jfr);}
var ell=document.createElement('div');
ell.innerHTML='<iframe name="ifr" id="ifr" onload="fz()" style="position: absolute; left: 9px; top: 50px; width: 600px; height: auto;"></iframe>';
frr=ell.firstChild;
document.body.appendChild(frr);
document.getElementById('bt').onclick=fy;
document.getElementById('E1').value='g0001';
document.forms.F1.submit();
}
</script>
</head>
<body onload="fi()">
<form name="F1" id="F1" action="http://subdeto.servehttp.com/cgi-bin/cgiproject1sak.cgi" method="POST" target="ifr">
<input type="text" name="E1" id="E1" style="display: none" value="" maxlength=5>
<input type="submit" name="B1" id="B1" style="display: none" value="">
</form>
<button id="bt" style="position: absolute; top: 5px; left: 10px; width: 100px; height: 40px;">Change</button>
<div id="dv" style="position: absolute; top: 280px; left: 10px; width: 600px; height: auto; background-color: #BADAEE">Поиск</div>
</body>
</html>
Почему так происходит, мне пока непонятно. Буду признателен за любой совет по данной проблеме.