Не могу получить информацию обратно. Нужно с помощью ajax мне моментально выводилась стоимость. Сразу же после того как ввиду длину и высоту и походу от моих действий изменялась.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Calculator</title>
<link href="style.css" type="text/css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="analytics.js"></script>
<script type="text/javascript" src="script.js"></script>
<!--<script type="text/javascript" src="calc.js"></script>
<script>
function funcGiff() {
$("#information").text ("Please wait...");
}
function funcSuccess(data) {
$("#information").text (data);
}
$(document).ready (function () {
$("#load").bind("click", function () {
//var itogo = "Стоимость:";
var res = itog;
$.ajax({
url: "www.php",
type: "POST",
data: ({name : res}),
dataType: "js",
beforeSend: funcGiff,
success: funcSuccess
});
});
});
</script>-->
</head>
<body>
<div class="content_calck">
<div class="fix">
<div class="top"><canvas id='example'></canvas></div>
</div>
</div>
<div class="content_calck_block_2">
<div class="fix">
<h2>Рассчитать <span style="color: #ffb400;">стоимость</span></h2>
<div class="calc">
<center>
<form id="load" name="form1">
<table border=1 cellpadding=5 cellspacing=0>
<table>
<tr>
<td>Вид лесов</td>
<td id="les">
<input type=radio name="vidlesov" value="lrsp30" checked><label>ЛРСП-30</label>
<input type=radio name="vidlesov" value="lrsp40"><label>ЛРСП-40</label>
<input type=radio name="vidlesov" value="lrsp60"><label>ЛРСП-60</label>
<input type=radio name="vidlesov" value="lrsp100"><label>ЛРСП-100</label>
</td>
</tr>
<tr>
<td>Длина и высота объекта</td>
<td><input class="block" type="namber" name="d" placeholder="Длина, м" size=15 maxlength=10 required>
<input type="namber" name="h" placeholder="Высота, м" size=15 maxlength=10 required></td>
</tr>
<tr>
<p class="cratno">кратно 3</p>
<td>Число рабочих ярусов</td>
<td><input type="namber" name="yarus" size=15 maxlength=10 required></td>
</tr>
<tr>
<td>Комплектация связями</td>
<td>
<input type=radio name="connect" value="chess" checked>шахматный порядок
<input type=radio name="connect" value="solid">сплошная
</td>
</tr>
<tr>
<td>Количество подъемов</td>
<td><input name="ascent" type="namber" placeholder="2" required></td>
</tr>
<tr>
<td>Комплектация опорами</td>
<td>
<input type=radio name="support" value="yes" checked>да
<input type=radio name="support" value="no">нет
</td>
</tr>
<tr>
<td>Комплектация кронштейнами</td>
<td>
<input type=radio name="bracket" value="yes" checked>да
<input type=radio name="bracket" value="no">нет
</td>
</tr>
<tr>
<td>
<!--<input type="button" name="button" value="Вычислить" onClick="areaRectangle();"><br><br>
<input type="text" name="res" size="10">-->
</td>
</tr>
</table>
</td></tr></table>
<div id="information" name="res1"></div>
</form>
<p id="demo"></p>
</center>
</div>
</div>
</div>
</body>
</html>
<?php
echo "Стоимость:".$_POST['name'];
?>
/**
* Created by W1LD on 21.02.2017.
*/
/**
Шаг-3,5
*/
function funcGiff() {
$("#information").text ("Please wait...");
}
function funcSuccess(data) {
$("#information").text (data);
}
$(document).ready (function () {
$("#load").bind("click", function () {
//var itogo = "Стоимость:";
var res = itog;
$.ajax({
url: "www.php",
type: "POST",
data: ({name : res}),
dataType: "js",
beforeSend: funcGiff,
success: funcSuccess
});
});
});
function areaRectangle() {
var el = document.querySelector('[name="vidlesov"]:checked')||{value : "x"} ;
var cena = {"lrsp30" : 100, "lrsp40" : 200, "lrsp60" : 300, "lrsp100" : 400}[el.value];
var i = document.form1.d.value,
h = document.form1.h.value;
if (i%3 > 0) {
i = --i;
}
if (i%3 > 0) {
i = --i;
}
if (h%2 > 0) {
h = --h;
}
var s, section, yarus, itog;
s = i*h;
yarus = document.form1.yarus.value;
section = (h/2)*(i/3);
var yarus1 = i/3;
var sectionYarus = yarus*yarus1;//цена ригели = 30р за шт, настил = 50р за шт
var sectionYarus1 = (sectionYarus*60)+(sectionYarus*150);
var solid1 = section*65;//65p цена одной сплошной
var chess1 = section/2;//80р цена одной шахматы
if (chess1%2 == 0) {
chess = section/2*65+section/2*80;
} else if (chess1%2 > 0){
chess = (section/2-0.5)*65+(section/2+0.5)*80
}
var el1 = document.querySelector('[name="connect"]:checked')||{value : "x"};
var connection = {"chess" : chess, "solid" : solid1} [el1.value];
var ascent = document.form1.ascent.value;// price ascent 70p шт
ascent = ascent*70;
var el2 = document.querySelector('[name="support"]:checked')||{value : "x"};
var support1 = (yarus1+1)*2*120;//120Р цена за 1 опору
var supports = {"yes" : support1, "no" : 0}[el2.value];
var el3 = document.querySelector('[name="bracket"]:checked')||{value : "x"};
var bracket1 = ((i/3)+1)*(h/2)/2;
if (bracket1%2 == 0) {
bracket2 = bracket1*30;//30 цена за 1 шт
} else if (bracket1%2 > 0) {
bracket2 = (bracket1-0.5)*30;
}
var bracket = {"yes" : bracket2, "no" : 0}[el3.value];
itog = cena+sectionYarus1+ascent+connection+supports+bracket;
//document.form1.res.value = itog;
}
Подскажите пожалуйста как это воплотить.