Форумы портала PHP.SU

CODE (html):
скопировать код в буфер обмена
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <META content="russian" name="Content-Language">
 <META http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title></title>
 
<script type="text/javascript">      
  function getXmlHttp()
  { //кроссбраузерный метод Создания объекта запроса XMLHttpRequest.
      var xmlhttp = null;
      try
      {         //создаем объект запроса для Firefox, Opera, Safari
          xmlhttp = new XMLHttpRequest();
      }
      catch(e)
      {
          try
          {     //создаем объект запроса для Internet Explorer
              xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch(e)
          {
              try
              {
                  xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
              }
              catch(e)
              {
                  xmlhttp = null;
              }
          }
      }
      if(xmlhttp == null) alert("Браузер не поддерживает AJAX!");
      else return xmlhttp;
  }
  
  function doLoad()
  {
      var m = document.getElementById('mes'); //див для вывода содержимого базы
      var mess = document.getElementById('message'); //див для вывода гифки и сообщения, что запрос обрабатывается
      mess.innerHTML = "<img src='images/upload.gif' width='32' height='8'><br><p>Ваш комментарий обрабатывается...</p>";
      var xmlhttp = getXmlHttp(); //создаю объект
      var path = "ajaxPHP.php"; //файл для обработки данных
      var nik = document.getElementById('nm').value; //содержимое текстбокса для имени
      var text = document.getElementById('txt').value; //содержимое textarea для сообщения
      var data = 'nm=' + encodeURIComponent(nik) + '&txt=' + encodeURIComponent(text) + '&ajax=' + true;//компоную данные для отправки
      //var data = 'http://localhost/student/ajaxJS.php';
      xmlhttp.open('post', path , true); //метод для отправки (способ пост, по указанному адресу, асинхронно)
      xmlhttp.onreadystatechange = function()
      {
          if(xmlhttp.readyState == 4 && xmlhttp.status == 200) //если все ок
          {
              //mess.innerHTML = xmlhttp.statusText;
              //alert(xmlhttp.responseText);
              mess.innerHTML = ''; //обнуляю див для вывода гифки 
              m.innerHTML = xmlhttp.responseText; //вывод в див содержимого базы
              document.getElementById('nm').value = ''; //обнуляю элементы формы
              document.getElementById('txt').value = '';
          }
      }
      xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//заголовок с указанием кодировки, только для пост
      xmlhttp.send(data);//отправка данных
  }
</script>
    </head>
    <body BGCOLOR="lightgreen">
        <div id="mes"></div>
        <div id="forma" style="position: absolute; left: 300px; top: 5px;">
        <div id="message"></div><br><br>
        <form action="#" method="post" id="addcom">
            <input type="text" name="nm" id="nm"><br>
            <textarea cols="17" rows="5" name="txt" id="txt"></textarea>
            <input type="button" value="go" name="subm" onclick="doLoad();">
        </form>
        </div>
    </body>
</html>
 
Спойлер (Отобразить)