ДОБРЫЙ ДЕНЬ! Создается проблема с дизайном при отправке xmlhttprequest, после него сбивается весь дизайн. Вот как у меня сделано
ajax.js
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(request)
{
req.open('post', 'Process.php' , true);
req.onreadystatechange = Refresh;
req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
req.send(request);
}
function Refresh()
{
if(req.readyState == 4)
ge('ajax').innerHTML = req.responseText;
else
ge('ajax').innerHTML = '<img src="Graphic/images/request.gif" />';
}
function ajaxFunction()
{
var process = encodeURIComponent(document.getElementById('process').value);
var query = encodeURIComponent(document.getElementById('query').value);
var request = 'process='+process+'&query='+query;
Request(request)
}
<script type="text/javascript" src="ajax.js"></script>
<?php
if (isset($_POST['query']))
{
echo "true";
}
else
{
?><div id="ajax">
<form name="myform" id="myform">
<input name="process" id="process" value="Friends" type="hidden" />
<input name="query" id="query" value="2" type="hidden" />
<input type="button" value="send" onclick="ajaxFunction();" />
</form>
</div>
<?php
}
?>
После отправки просмотрел код страницы и вот как она выглядела
<div id="ajax"><script type="text/javascript" src="ajax.js"></script>
true
</div>
Почему то div ajax становится перед этим js кодом. Не можете исправить эту ошибку?
