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"> </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. пытался пытался но так и не получается. |
Если кому интересно то я делаю вот такой калькулятор для собственного развития
http://calc.siscomputers.ru/ хотелось бы по нажатию кнопки чтобы появился fanybox, на calc.php с принятыми данными по POST |
Часовой пояс GMT +3, время: 05:42. |