Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   fancybox передача post данных (https://javascript.ru/forum/jquery/16106-fancybox-peredacha-post-dannykh.html)

rzphp 26.03.2011 13:29

fancybox передача post данных
 
Приветствую, занимаюсь php. Но очень мало знаний по javascript
ближе к делу
сейчас данные передаются через ajax
код выглядет слудующем образом
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>SiSComputers - Кредитный калькулятор</title>
<link rel="stylesheet" href="http://calc.siscomputers.ru/css/style.css" type="text/css" />
<script language="JavaScript">
      function createXMLHttp() {
        if(typeof XMLHttpRequest != "undefined") { // для браузеров аля Mozilla
          return new XMLHttpRequest();
        } else if(window.ActiveXObject) { // для Internet Explorer (all versions)
          var aVersions = ["MSXML2.XMLHttp.5.0", "MSXML2.XMLHttp.4.0",
                   "MSXML2.XMLHttp.3.0", "MSXML2.XMLHttp",
                   "Microsoft.XMLHttp"
                   ];
          for (var i = 0; i < aVersions.length; i++) {
            try { //
              var oXmlHttp = new ActiveXObject(aVersions[i]);
              return oXmlHttp;
            } catch (oError) {
            }
          }
          throw new Error("Невозможно создать объект XMLHttp.");
        }
      }
      function getRequestBody(oForm) {
        var aParams = new Array();
        for(var i = 0; i < oForm.elements.length; i++) {
          var sParam = encodeURIComponent(oForm.elements[i].name);
          sParam += "=";
          sParam += encodeURIComponent(oForm.elements[i].value);
          aParams.push(sParam);
        }
        return aParams.join("&");
      }
      function sendRequest() {
        var oForm = document.forms[0];
        var sBody = getRequestBody(oForm);
        var oXmlHttp = createXMLHttp();
        oXmlHttp.open("POST",oForm.action, true);
        oXmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        oXmlHttp.onreadystatechange = function() {
          if(oXmlHttp.readyState == 4) {
            if(oXmlHttp.status == 200) {
              saveResult(oXmlHttp.responseText);
            } else {
              saveResult("Ошибка: " + oXmlHttp.statusText);
            }
          }
        };
        oXmlHttp.send(sBody);
      }
      function saveResult(sText) {
        var sElem = document.getElementById("divStatus");
        sElem.innerHTML = sText;
      }
      </script>
</head>
<body>
 <div id="stylized" class="myform">
<h2><a href="http://siscomputers.ru" target="_blank">&nbsp;</a></h2>
<form id="form" name="form" method="POST" action="calc.php" OnSubmit="sendRequest(); return false" >
<h1>Кредитный калькулятор V2.0Beta</h1>
<p>Разбираем как делать этот калькулятор на сайте <a href="http://siscomputers.ru" target="_blank">SiSComputers</a></p>
<label>Сумма кредита
<span class="small">Укажите в рублях</span>
</label>
<input type="text" name="summ" />
<label>Срок кредита
<span class="small">Укажите в месяцах</span>
</label>
<input type="text" name="srk" />
<label>Процентная ставка
<span class="small">Годовых</span>
</label>
<input type="text" name="proc" />
<label>Подробно
<span class="small">Вывод по месецам</span>
</label>
<input type="checkbox" name="podr" />
<button type="reset"  >Очистить</button>
<button  type="submit">Считать</button>
<div class="spacer"></div>
</form>
</div>
<div id="divStatus" class="myform_viv"><h1>Узнайте сколько вы будите выплачивать в месяц, и сколько вы переплатите.</h1>
</div>
</body>
</html>


Вопрос в том я хочу сделать немного по красивее а именно ввести результат в окно fancybox. пытался пытался но так и не получается.

rzphp 26.03.2011 13:35

Если кому интересно то я делаю вот такой калькулятор для собственного развития
http://calc.siscomputers.ru/
хотелось бы по нажатию кнопки чтобы появился fanybox, на calc.php с принятыми данными по POST


Часовой пояс GMT +3, время: 11:32.