есть следующий код на php:
<link rel="stylesheet" href="table.css">
<script language="JavaScript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">
var req = Create();
function ge(id)
{
return document.getElementById(id);
}
function Create()
{
if(navigator.appName == "Microsoft Internet Explorer")
{
req = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
req = new XMLHttpRequest();
}
return req;
}
function Request(query)
{
req.open('post', 'test.php' , true );
req.onreadystatechange = Refresh;
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
req.send(query);
}
function Refresh()
{
var a = req.readyState;
if( a == 4 )
{
var b = req.responseText;
document.getElementById('pic').innerHTML = b;
}
else
{
document.getElementById('pic').innerHTML = '<br><center>Отправка.........</center>';
}
}
/////Собераем все элементы формы которые будем отправлять
function Pusk()
{
var query;
var txt11 = encodeURIComponent(ge('start').value);
var txt22 = encodeURIComponent(ge('final').value);
query = 'start='+txt11+'&final='+txt22;
Request(query);
}
</script>
<input id="start" type="text">
<input id="final" type="text">
<input type="submit" value="OK!" onclick="Pusk()">
<div id="pic" align="right"></div>
суть состоит в том, чтобы при вводе определенных данных в input-ы и нажатии на кнопку "ОК" отрисовывался график по этим данным. График рисуется с помощью pChart в другом php. При первом нажатии на кнопку все хорошо, но потом приходится обновлять страницу, чтобы обновлялось само изображение. Изображение каждый раз при нажатии на кнопку создается на сервере, но загружаться в div отказывается. Причем такое происходит только с картинкой, если в div передавать вместо картинки текст из другого php, то он меняется при каждом нажатии на кнопку ОК.