Здравствуйте! аккаунт SL-377114
Интересует возможность вставки калькулятора на сайт
Калькулятор хочется вот такой, как здесь - potolokmontaj.ru/calc
Есть вот такой код:
<!-- /mod_php version 1.0.0.Alpha1-J1.5 © www.fijiwebdesign.com -->
<h1>Рассчет стоимости натяжного потолка</h1>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
При помощи данного калькулятора Вы легко можете рассчитать предварительную стоимость Вашего натяжного потолка. Для этого Вам необходимо лишь задать необходимые параметры Вашего помещения и нажать кнопку “Рассчитать”. Если Вы затрудняетесь самостоятельно произвести предварительный расчет натяжного потолка, позвоните менеджерам нашей компании по тел.+7(495)643-49-53.
</div>
<img src="/templates/beez_20/images/leftpanel.png" alt="" title="" style=" float: left;">
<table class="calculator">
<form>
<tr class="onepolos">
<td>Производитель</td>
<td>
<select name="zavod">
<option value="ger">Германия</option>
<option value="fra">Франция</option>
<option value="bel">Бельгия</option>
</td>
</tr>
<tr class="twopolos">
<td>Материал</td>
<td>
<select name="factura">
<option value="1">Матовый, белый</option>
<option value="2">Матовый, цветной</option>
<option value="3">Сатиновый, белый</option>
<option value="4">Сатиновый, цветной</option>
<option value="5">Глянцевый, Лаковый, белый</option>
<option value="6">Глянцевый, Лаковый, цветной</option>
<option value="7">Тканевые, DESCOR, Белый</option>
<option value="8">Тканевые, DESCOR, Цветной</option>
</select>
</td>
</tr>
<tr class="onepolos">
<td>Площадь потолка</td>
<td><input type="number" name="plosad" > м<sup>2</sup></td>
</tr>
<tr class="twopolos">
<td>Количество люстр</td>
<td><input type="number" name="lustrakr" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество точечных светильников</td>
<td><input type="number" name="svet" >шт.</td>
</tr>
<tr class="twopolos">
<td>Количество труб, уходящих в потолок</td>
<td><input type="number" name="truba" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество углов</td>
<td><input type="number" name="ugl" value="4"> шт. (минимум 4)</td>
</tr>
</table>
<div class="result">
<input type="button" value="Расcчитать" />
</div>
</form>
<br>
<div class="itog">
<span>Сумма <span class="itogsum"></span> рублей</span><br />
Данный расчет является примерным
</div>
<div class="calcerr">
<span class="calcerrspan"></span>
</div>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
Расчет стоимости потолка в калькуляторе является предварительным. Обращаем внимание на то, что конечная стоимость складывается из многих параметров и может несколько отличаться от расчета калькулятора. Итоговая стоимость расчета натяжного потолка устанавливается после точного замера Вашего помещения и составления сметы на натяжной потолок.
</div>
<div style="width:100%; text-align:center;margin-bottom:10px;">
<a href="/vyzov" style="color:#5E130A;">
Запишитесь на замер прямо сейчас и получите гарантированную скидку 7%!
</a>
</div>
<div class="specialist" data-scroll="true" id="specialist">
<div class="spec-left">
<img src="/images/rulet.png" alt="" title="">
<span>Бесплатный вызов замерщика</span>
<p>Введите ваше имя и контактный телефон в форму, и наш менеджер свяжется с вами в ближайшее время.</p>
<p>Или позвоните прямо сейчас: <strong style="font-size: 16px;">+7 (495) 643-49-53</strong>
</p>
<form class="eform" method="POST" action="my/mail/mail.php" id="spec-form">
<input type="hidden" name="formid" value="feedbackForm">
<input type="text" name="name" id="name" placeholder="Имя" value="">
<input type="tel" name="phone" id="subject" placeholder="Телефон" value=""> <br/>
<button type="submit" name="submit" class="fon">Отправить</button>
<div class="clear"></div> </form>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
var str = "";
buttonresult=0;
info_field = jQuery(".itog");
info_field.hide();
error_field = jQuery(".calcerr");
error_field.hide();
$('.result input').on('click', function() {
if(str!=""){
buttonresult=1;
error_field.hide();
info_field.show();
}else {
info_field.hide();
$(".calcerrspan").text("Площадь не может быть нулевой");
error_field.show();
}
});
jQuery(".calculator input, .calculator select").change(function(){
// Вводим данные
plosad = jQuery("input[name='plosad']").val();
lustrakr = jQuery("input[name='lustrakr']").val()*350;
svet = jQuery("input[name='svet']").val()*390;
truba = jQuery("input[name='truba']").val()*300;
ugl = jQuery("input[name='ugl']").val();
if(ugl>3){
ugl=(ugl-4)*150;
} else{
ugl=0;
}
switch (jQuery("select[name='zavod']").val()){
case 'ger':
switch (jQuery("select[name='factura']").val()){
case '1':factura=700;break;
case '2':factura=750;break;
case '3':factura=720;break;
case '4':factura=770;break;
case '5':factura=760;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'bel':
switch (jQuery("select[name='factura']").val()){
case '1':factura=670;break;
case '2':factura=720;break;
case '3':factura=700;break;
case '4':factura=750;break;
case '5':factura=750;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'fra':
switch (jQuery("select[name='factura']").val()){
case '1':factura=890;break;
case '2':factura=940;break;
case '3':factura=950;break;
case '4':factura=990;break;
case '5':factura=1120;break;
case '6':factura=1240;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
}
// Считаем
if(plosad != 0){
//alert(Number(ugl));
str = factura * Number(plosad) + Number(lustrakr) + Number(svet) + Number(truba) + Number(ugl);
$(".itogsum").text(str);
if(buttonresult==1) {
error_field.hide();
info_field.show();
}
} else{
if(buttonresult==1) {
$(".calcerrspan").text("Площадь не может быть нулевой");
info_field.hide();
error_field.show();
}
}
// alert(count);
});
});
</script>
<!-- mod_php version 1.0.0.Alpha1-J1.5/ -->
как его вставить, что бы он корректно работал? Вставляю его, но калькулятор не работает....
0
Калькулятор
Автор galya.bu7, 18 апр. 2016 10:08
Сообщений в теме: 4
#1
Отправлено 18 Апрель 2016 - 10:08
#2
Отправлено 18 Апрель 2016 - 16:53
galya.bu7 (18 Апрель 2016 - 10:08) писал:
Здравствуйте! аккаунт SL-377114
Интересует возможность вставки калькулятора на сайт
Калькулятор хочется вот такой, как здесь - potolokmontaj.ru/calc
Есть вот такой код:
<!-- /mod_php version 1.0.0.Alpha1-J1.5 © www.fijiwebdesign.com -->
<h1>Рассчет стоимости натяжного потолка</h1>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
При помощи данного калькулятора Вы легко можете рассчитать предварительную стоимость Вашего натяжного потолка. Для этого Вам необходимо лишь задать необходимые параметры Вашего помещения и нажать кнопку “Рассчитать”. Если Вы затрудняетесь самостоятельно произвести предварительный расчет натяжного потолка, позвоните менеджерам нашей компании по тел.+7(495)643-49-53.
</div>
<img src="/templates/beez_20/images/leftpanel.png" alt="" title="" style=" float: left;">
<table class="calculator">
<form>
<tr class="onepolos">
<td>Производитель</td>
<td>
<select name="zavod">
<option value="ger">Германия</option>
<option value="fra">Франция</option>
<option value="bel">Бельгия</option>
</td>
</tr>
<tr class="twopolos">
<td>Материал</td>
<td>
<select name="factura">
<option value="1">Матовый, белый</option>
<option value="2">Матовый, цветной</option>
<option value="3">Сатиновый, белый</option>
<option value="4">Сатиновый, цветной</option>
<option value="5">Глянцевый, Лаковый, белый</option>
<option value="6">Глянцевый, Лаковый, цветной</option>
<option value="7">Тканевые, DESCOR, Белый</option>
<option value="8">Тканевые, DESCOR, Цветной</option>
</select>
</td>
</tr>
<tr class="onepolos">
<td>Площадь потолка</td>
<td><input type="number" name="plosad" > м<sup>2</sup></td>
</tr>
<tr class="twopolos">
<td>Количество люстр</td>
<td><input type="number" name="lustrakr" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество точечных светильников</td>
<td><input type="number" name="svet" >шт.</td>
</tr>
<tr class="twopolos">
<td>Количество труб, уходящих в потолок</td>
<td><input type="number" name="truba" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество углов</td>
<td><input type="number" name="ugl" value="4"> шт. (минимум 4)</td>
</tr>
</table>
<div class="result">
<input type="button" value="Расcчитать" />
</div>
</form>
<br>
<div class="itog">
<span>Сумма <span class="itogsum"></span> рублей</span><br />
Данный расчет является примерным
</div>
<div class="calcerr">
<span class="calcerrspan"></span>
</div>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
Расчет стоимости потолка в калькуляторе является предварительным. Обращаем внимание на то, что конечная стоимость складывается из многих параметров и может несколько отличаться от расчета калькулятора. Итоговая стоимость расчета натяжного потолка устанавливается после точного замера Вашего помещения и составления сметы на натяжной потолок.
</div>
<div style="width:100%; text-align:center;margin-bottom:10px;">
<a href="/vyzov" style="color:#5E130A;">
Запишитесь на замер прямо сейчас и получите гарантированную скидку 7%!
</a>
</div>
<div class="specialist" data-scroll="true" id="specialist">
<div class="spec-left">
<img src="/images/rulet.png" alt="" title="">
<span>Бесплатный вызов замерщика</span>
<p>Введите ваше имя и контактный телефон в форму, и наш менеджер свяжется с вами в ближайшее время.</p>
<p>Или позвоните прямо сейчас: <strong style="font-size: 16px;">+7 (495) 643-49-53</strong>
</p>
<form class="eform" method="POST" action="my/mail/mail.php" id="spec-form">
<input type="hidden" name="formid" value="feedbackForm">
<input type="text" name="name" id="name" placeholder="Имя" value="">
<input type="tel" name="phone" id="subject" placeholder="Телефон" value=""> <br/>
<button type="submit" name="submit" class="fon">Отправить</button>
<div class="clear"></div> </form>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
var str = "";
buttonresult=0;
info_field = jQuery(".itog");
info_field.hide();
error_field = jQuery(".calcerr");
error_field.hide();
$('.result input').on('click', function() {
if(str!=""){
buttonresult=1;
error_field.hide();
info_field.show();
}else {
info_field.hide();
$(".calcerrspan").text("Площадь не может быть нулевой");
error_field.show();
}
});
jQuery(".calculator input, .calculator select").change(function(){
// Вводим данные
plosad = jQuery("input[name='plosad']").val();
lustrakr = jQuery("input[name='lustrakr']").val()*350;
svet = jQuery("input[name='svet']").val()*390;
truba = jQuery("input[name='truba']").val()*300;
ugl = jQuery("input[name='ugl']").val();
if(ugl>3){
ugl=(ugl-4)*150;
} else{
ugl=0;
}
switch (jQuery("select[name='zavod']").val()){
case 'ger':
switch (jQuery("select[name='factura']").val()){
case '1':factura=700;break;
case '2':factura=750;break;
case '3':factura=720;break;
case '4':factura=770;break;
case '5':factura=760;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'bel':
switch (jQuery("select[name='factura']").val()){
case '1':factura=670;break;
case '2':factura=720;break;
case '3':factura=700;break;
case '4':factura=750;break;
case '5':factura=750;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'fra':
switch (jQuery("select[name='factura']").val()){
case '1':factura=890;break;
case '2':factura=940;break;
case '3':factura=950;break;
case '4':factura=990;break;
case '5':factura=1120;break;
case '6':factura=1240;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
}
// Считаем
if(plosad != 0){
//alert(Number(ugl));
str = factura * Number(plosad) + Number(lustrakr) + Number(svet) + Number(truba) + Number(ugl);
$(".itogsum").text(str);
if(buttonresult==1) {
error_field.hide();
info_field.show();
}
} else{
if(buttonresult==1) {
$(".calcerrspan").text("Площадь не может быть нулевой");
info_field.hide();
error_field.show();
}
}
// alert(count);
});
});
</script>
<!-- mod_php version 1.0.0.Alpha1-J1.5/ -->
как его вставить, что бы он корректно работал? Вставляю его, но калькулятор не работает....
Интересует возможность вставки калькулятора на сайт
Калькулятор хочется вот такой, как здесь - potolokmontaj.ru/calc
Есть вот такой код:
<!-- /mod_php version 1.0.0.Alpha1-J1.5 © www.fijiwebdesign.com -->
<h1>Рассчет стоимости натяжного потолка</h1>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
При помощи данного калькулятора Вы легко можете рассчитать предварительную стоимость Вашего натяжного потолка. Для этого Вам необходимо лишь задать необходимые параметры Вашего помещения и нажать кнопку “Рассчитать”. Если Вы затрудняетесь самостоятельно произвести предварительный расчет натяжного потолка, позвоните менеджерам нашей компании по тел.+7(495)643-49-53.
</div>
<img src="/templates/beez_20/images/leftpanel.png" alt="" title="" style=" float: left;">
<table class="calculator">
<form>
<tr class="onepolos">
<td>Производитель</td>
<td>
<select name="zavod">
<option value="ger">Германия</option>
<option value="fra">Франция</option>
<option value="bel">Бельгия</option>
</td>
</tr>
<tr class="twopolos">
<td>Материал</td>
<td>
<select name="factura">
<option value="1">Матовый, белый</option>
<option value="2">Матовый, цветной</option>
<option value="3">Сатиновый, белый</option>
<option value="4">Сатиновый, цветной</option>
<option value="5">Глянцевый, Лаковый, белый</option>
<option value="6">Глянцевый, Лаковый, цветной</option>
<option value="7">Тканевые, DESCOR, Белый</option>
<option value="8">Тканевые, DESCOR, Цветной</option>
</select>
</td>
</tr>
<tr class="onepolos">
<td>Площадь потолка</td>
<td><input type="number" name="plosad" > м<sup>2</sup></td>
</tr>
<tr class="twopolos">
<td>Количество люстр</td>
<td><input type="number" name="lustrakr" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество точечных светильников</td>
<td><input type="number" name="svet" >шт.</td>
</tr>
<tr class="twopolos">
<td>Количество труб, уходящих в потолок</td>
<td><input type="number" name="truba" >шт.</td>
</tr>
<tr class="onepolos">
<td>Количество углов</td>
<td><input type="number" name="ugl" value="4"> шт. (минимум 4)</td>
</tr>
</table>
<div class="result">
<input type="button" value="Расcчитать" />
</div>
</form>
<br>
<div class="itog">
<span>Сумма <span class="itogsum"></span> рублей</span><br />
Данный расчет является примерным
</div>
<div class="calcerr">
<span class="calcerrspan"></span>
</div>
<div style="width:100%; text-align:justify; margin-bottom:10px;">
Расчет стоимости потолка в калькуляторе является предварительным. Обращаем внимание на то, что конечная стоимость складывается из многих параметров и может несколько отличаться от расчета калькулятора. Итоговая стоимость расчета натяжного потолка устанавливается после точного замера Вашего помещения и составления сметы на натяжной потолок.
</div>
<div style="width:100%; text-align:center;margin-bottom:10px;">
<a href="/vyzov" style="color:#5E130A;">
Запишитесь на замер прямо сейчас и получите гарантированную скидку 7%!
</a>
</div>
<div class="specialist" data-scroll="true" id="specialist">
<div class="spec-left">
<img src="/images/rulet.png" alt="" title="">
<span>Бесплатный вызов замерщика</span>
<p>Введите ваше имя и контактный телефон в форму, и наш менеджер свяжется с вами в ближайшее время.</p>
<p>Или позвоните прямо сейчас: <strong style="font-size: 16px;">+7 (495) 643-49-53</strong>
</p>
<form class="eform" method="POST" action="my/mail/mail.php" id="spec-form">
<input type="hidden" name="formid" value="feedbackForm">
<input type="text" name="name" id="name" placeholder="Имя" value="">
<input type="tel" name="phone" id="subject" placeholder="Телефон" value=""> <br/>
<button type="submit" name="submit" class="fon">Отправить</button>
<div class="clear"></div> </form>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
var str = "";
buttonresult=0;
info_field = jQuery(".itog");
info_field.hide();
error_field = jQuery(".calcerr");
error_field.hide();
$('.result input').on('click', function() {
if(str!=""){
buttonresult=1;
error_field.hide();
info_field.show();
}else {
info_field.hide();
$(".calcerrspan").text("Площадь не может быть нулевой");
error_field.show();
}
});
jQuery(".calculator input, .calculator select").change(function(){
// Вводим данные
plosad = jQuery("input[name='plosad']").val();
lustrakr = jQuery("input[name='lustrakr']").val()*350;
svet = jQuery("input[name='svet']").val()*390;
truba = jQuery("input[name='truba']").val()*300;
ugl = jQuery("input[name='ugl']").val();
if(ugl>3){
ugl=(ugl-4)*150;
} else{
ugl=0;
}
switch (jQuery("select[name='zavod']").val()){
case 'ger':
switch (jQuery("select[name='factura']").val()){
case '1':factura=700;break;
case '2':factura=750;break;
case '3':factura=720;break;
case '4':factura=770;break;
case '5':factura=760;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'bel':
switch (jQuery("select[name='factura']").val()){
case '1':factura=670;break;
case '2':factura=720;break;
case '3':factura=700;break;
case '4':factura=750;break;
case '5':factura=750;break;
case '6':factura=810;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
case 'fra':
switch (jQuery("select[name='factura']").val()){
case '1':factura=890;break;
case '2':factura=940;break;
case '3':factura=950;break;
case '4':factura=990;break;
case '5':factura=1120;break;
case '6':factura=1240;break;
case '7':factura=1050;break;
case '8':factura=2050;break;
}
break;
}
// Считаем
if(plosad != 0){
//alert(Number(ugl));
str = factura * Number(plosad) + Number(lustrakr) + Number(svet) + Number(truba) + Number(ugl);
$(".itogsum").text(str);
if(buttonresult==1) {
error_field.hide();
info_field.show();
}
} else{
if(buttonresult==1) {
$(".calcerrspan").text("Площадь не может быть нулевой");
info_field.hide();
error_field.show();
}
}
// alert(count);
});
});
</script>
<!-- mod_php version 1.0.0.Alpha1-J1.5/ -->
как его вставить, что бы он корректно работал? Вставляю его, но калькулятор не работает....
Здравствуйте, уточните, пожалуйста, Вам предоставляли с этим кодом инструкцию по его установке?
#3
Отправлено 19 Апрель 2016 - 02:03
Если необходимо его разместить в категорию, например, "Цены", то зайдите в раздел Сайт - Редактор шаблонов - Товары и первой строкой вставьте:
Единственное, придется в последующем его простилизовать, так как картинки и рамки отсутствуют.
{% IF CATEGORY_NAME = Цены %} <!-- /mod_php version 1.0.0.Alpha1-J1.5 © www.fijiwebdesign.com --> <h1>Рассчет стоимости натяжного потолка</h1> <div style="width:100%; text-align:justify; margin-bottom:10px;"> При помощи данного калькулятора Вы легко можете рассчитать предварительную стоимость Вашего натяжного потолка. Для этого Вам необходимо лишь задать необходимые параметры Вашего помещения и нажать кнопку “Рассчитать”. Если Вы затрудняетесь самостоятельно произвести предварительный расчет натяжного потолка, позвоните менеджерам нашей компании по тел.+7(495)643-49-53. </div> <img src="/templates/beez_20/images/leftpanel.png" alt="" title="" style=" float: left;"> <table class="calculator"> <form> <tr class="onepolos"> <td>Производитель</td> <td> <select name="zavod"> <option value="ger">Германия</option> <option value="fra">Франция</option> <option value="bel">Бельгия</option> </td> </tr> <tr class="twopolos"> <td>Материал</td> <td> <select name="factura"> <option value="1">Матовый, белый</option> <option value="2">Матовый, цветной</option> <option value="3">Сатиновый, белый</option> <option value="4">Сатиновый, цветной</option> <option value="5">Глянцевый, Лаковый, белый</option> <option value="6">Глянцевый, Лаковый, цветной</option> <option value="7">Тканевые, DESCOR, Белый</option> <option value="8">Тканевые, DESCOR, Цветной</option> </select> </td> </tr> <tr class="onepolos"> <td>Площадь потолка</td> <td><input type="number" name="plosad" > м<sup>2</sup></td> </tr> <tr class="twopolos"> <td>Количество люстр</td> <td><input type="number" name="lustrakr" >шт.</td> </tr> <tr class="onepolos"> <td>Количество точечных светильников</td> <td><input type="number" name="svet" >шт.</td> </tr> <tr class="twopolos"> <td>Количество труб, уходящих в потолок</td> <td><input type="number" name="truba" >шт.</td> </tr> <tr class="onepolos"> <td>Количество углов</td> <td><input type="number" name="ugl" value="4"> шт. (минимум 4)</td> </tr> </table> <div class="result"> <input type="button" value="Расcчитать" /> </div> </form> <br> <div class="itog"> <span>Сумма <span class="itogsum"></span> рублей</span><br /> Данный расчет является примерным </div> <div class="calcerr"> <span class="calcerrspan"></span> </div> <div style="width:100%; text-align:justify; margin-bottom:10px;"> Расчет стоимости потолка в калькуляторе является предварительным. Обращаем внимание на то, что конечная стоимость складывается из многих параметров и может несколько отличаться от расчета калькулятора. Итоговая стоимость расчета натяжного потолка устанавливается после точного замера Вашего помещения и составления сметы на натяжной потолок. </div> <div style="width:100%; text-align:center;margin-bottom:10px;"> <a href="/vyzov" style="color:#5E130A;"> Запишитесь на замер прямо сейчас и получите гарантированную скидку 7%! </a> </div> <div class="specialist" data-scroll="true" id="specialist"> <div class="spec-left"> <img src="/images/rulet.png" alt="" title=""> <span>Бесплатный вызов замерщика</span> <p>Введите ваше имя и контактный телефон в форму, и наш менеджер свяжется с вами в ближайшее время.</p> <p>Или позвоните прямо сейчас: <strong style="font-size: 16px;">+7 (495) 643-49-53</strong> </p> <form class="eform" method="POST" action="my/mail/mail.php" id="spec-form"> <input type="hidden" name="formid" value="feedbackForm"> <input type="text" name="name" id="name" placeholder="Имя" value=""> <input type="tel" name="phone" id="subject" placeholder="Телефон" value=""> <br/> <button type="submit" name="submit" class="fon">Отправить</button> <div class="clear"></div> </form> </div> </div> <script type="text/javascript"> jQuery(document).ready(function() { var str = ""; buttonresult=0; info_field = jQuery(".itog"); info_field.hide(); error_field = jQuery(".calcerr"); error_field.hide(); $('.result input').on('click', function() { if(str!=""){ buttonresult=1; error_field.hide(); info_field.show(); }else { info_field.hide(); $(".calcerrspan").text("Площадь не может быть нулевой"); error_field.show(); } }); jQuery(".calculator input, .calculator select").change(function(){ // Вводим данные plosad = jQuery("input[name='plosad']").val(); lustrakr = jQuery("input[name='lustrakr']").val()*350; svet = jQuery("input[name='svet']").val()*390; truba = jQuery("input[name='truba']").val()*300; ugl = jQuery("input[name='ugl']").val(); if(ugl>3){ ugl=(ugl-4)*150; } else{ ugl=0; } switch (jQuery("select[name='zavod']").val()){ case 'ger': switch (jQuery("select[name='factura']").val()){ case '1':factura=700;break; case '2':factura=750;break; case '3':factura=720;break; case '4':factura=770;break; case '5':factura=760;break; case '6':factura=810;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; case 'bel': switch (jQuery("select[name='factura']").val()){ case '1':factura=670;break; case '2':factura=720;break; case '3':factura=700;break; case '4':factura=750;break; case '5':factura=750;break; case '6':factura=810;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; case 'fra': switch (jQuery("select[name='factura']").val()){ case '1':factura=890;break; case '2':factura=940;break; case '3':factura=950;break; case '4':factura=990;break; case '5':factura=1120;break; case '6':factura=1240;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; } // Считаем if(plosad != 0){ //alert(Number(ugl)); str = factura * Number(plosad) + Number(lustrakr) + Number(svet) + Number(truba) + Number(ugl); $(".itogsum").text(str); if(buttonresult==1) { error_field.hide(); info_field.show(); } } else{ if(buttonresult==1) { $(".calcerrspan").text("Площадь не может быть нулевой"); info_field.hide(); error_field.show(); } } // alert(count); }); }); </script> <!-- mod_php version 1.0.0.Alpha1-J1.5/ --> {% ENDIF %}
Единственное, придется в последующем его простилизовать, так как картинки и рамки отсутствуют.
#4
Отправлено 19 Апрель 2016 - 12:58
Vaccina (19 Апрель 2016 - 02:03) писал:
Если необходимо его разместить в категорию, например, "Цены", то зайдите в раздел Сайт - Редактор шаблонов - Товары и первой строкой вставьте:
Единственное, придется в последующем его простилизовать, так как картинки и рамки отсутствуют.
{% IF CATEGORY_NAME = Цены %} <!-- /mod_php version 1.0.0.Alpha1-J1.5 © www.fijiwebdesign.com --> <h1>Рассчет стоимости натяжного потолка</h1> <div style="width:100%; text-align:justify; margin-bottom:10px;"> При помощи данного калькулятора Вы легко можете рассчитать предварительную стоимость Вашего натяжного потолка. Для этого Вам необходимо лишь задать необходимые параметры Вашего помещения и нажать кнопку “Рассчитать”. Если Вы затрудняетесь самостоятельно произвести предварительный расчет натяжного потолка, позвоните менеджерам нашей компании по тел.+7(495)643-49-53. </div> <img src="/templates/beez_20/images/leftpanel.png" alt="" title="" style=" float: left;"> <table class="calculator"> <form> <tr class="onepolos"> <td>Производитель</td> <td> <select name="zavod"> <option value="ger">Германия</option> <option value="fra">Франция</option> <option value="bel">Бельгия</option> </td> </tr> <tr class="twopolos"> <td>Материал</td> <td> <select name="factura"> <option value="1">Матовый, белый</option> <option value="2">Матовый, цветной</option> <option value="3">Сатиновый, белый</option> <option value="4">Сатиновый, цветной</option> <option value="5">Глянцевый, Лаковый, белый</option> <option value="6">Глянцевый, Лаковый, цветной</option> <option value="7">Тканевые, DESCOR, Белый</option> <option value="8">Тканевые, DESCOR, Цветной</option> </select> </td> </tr> <tr class="onepolos"> <td>Площадь потолка</td> <td><input type="number" name="plosad" > м<sup>2</sup></td> </tr> <tr class="twopolos"> <td>Количество люстр</td> <td><input type="number" name="lustrakr" >шт.</td> </tr> <tr class="onepolos"> <td>Количество точечных светильников</td> <td><input type="number" name="svet" >шт.</td> </tr> <tr class="twopolos"> <td>Количество труб, уходящих в потолок</td> <td><input type="number" name="truba" >шт.</td> </tr> <tr class="onepolos"> <td>Количество углов</td> <td><input type="number" name="ugl" value="4"> шт. (минимум 4)</td> </tr> </table> <div class="result"> <input type="button" value="Расcчитать" /> </div> </form> <br> <div class="itog"> <span>Сумма <span class="itogsum"></span> рублей</span><br /> Данный расчет является примерным </div> <div class="calcerr"> <span class="calcerrspan"></span> </div> <div style="width:100%; text-align:justify; margin-bottom:10px;"> Расчет стоимости потолка в калькуляторе является предварительным. Обращаем внимание на то, что конечная стоимость складывается из многих параметров и может несколько отличаться от расчета калькулятора. Итоговая стоимость расчета натяжного потолка устанавливается после точного замера Вашего помещения и составления сметы на натяжной потолок. </div> <div style="width:100%; text-align:center;margin-bottom:10px;"> <a href="/vyzov" style="color:#5E130A;"> Запишитесь на замер прямо сейчас и получите гарантированную скидку 7%! </a> </div> <div class="specialist" data-scroll="true" id="specialist"> <div class="spec-left"> <img src="/images/rulet.png" alt="" title=""> <span>Бесплатный вызов замерщика</span> <p>Введите ваше имя и контактный телефон в форму, и наш менеджер свяжется с вами в ближайшее время.</p> <p>Или позвоните прямо сейчас: <strong style="font-size: 16px;">+7 (495) 643-49-53</strong> </p> <form class="eform" method="POST" action="my/mail/mail.php" id="spec-form"> <input type="hidden" name="formid" value="feedbackForm"> <input type="text" name="name" id="name" placeholder="Имя" value=""> <input type="tel" name="phone" id="subject" placeholder="Телефон" value=""> <br/> <button type="submit" name="submit" class="fon">Отправить</button> <div class="clear"></div> </form> </div> </div> <script type="text/javascript"> jQuery(document).ready(function() { var str = ""; buttonresult=0; info_field = jQuery(".itog"); info_field.hide(); error_field = jQuery(".calcerr"); error_field.hide(); $('.result input').on('click', function() { if(str!=""){ buttonresult=1; error_field.hide(); info_field.show(); }else { info_field.hide(); $(".calcerrspan").text("Площадь не может быть нулевой"); error_field.show(); } }); jQuery(".calculator input, .calculator select").change(function(){ // Вводим данные plosad = jQuery("input[name='plosad']").val(); lustrakr = jQuery("input[name='lustrakr']").val()*350; svet = jQuery("input[name='svet']").val()*390; truba = jQuery("input[name='truba']").val()*300; ugl = jQuery("input[name='ugl']").val(); if(ugl>3){ ugl=(ugl-4)*150; } else{ ugl=0; } switch (jQuery("select[name='zavod']").val()){ case 'ger': switch (jQuery("select[name='factura']").val()){ case '1':factura=700;break; case '2':factura=750;break; case '3':factura=720;break; case '4':factura=770;break; case '5':factura=760;break; case '6':factura=810;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; case 'bel': switch (jQuery("select[name='factura']").val()){ case '1':factura=670;break; case '2':factura=720;break; case '3':factura=700;break; case '4':factura=750;break; case '5':factura=750;break; case '6':factura=810;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; case 'fra': switch (jQuery("select[name='factura']").val()){ case '1':factura=890;break; case '2':factura=940;break; case '3':factura=950;break; case '4':factura=990;break; case '5':factura=1120;break; case '6':factura=1240;break; case '7':factura=1050;break; case '8':factura=2050;break; } break; } // Считаем if(plosad != 0){ //alert(Number(ugl)); str = factura * Number(plosad) + Number(lustrakr) + Number(svet) + Number(truba) + Number(ugl); $(".itogsum").text(str); if(buttonresult==1) { error_field.hide(); info_field.show(); } } else{ if(buttonresult==1) { $(".calcerrspan").text("Площадь не может быть нулевой"); info_field.hide(); error_field.show(); } } // alert(count); }); }); </script> <!-- mod_php version 1.0.0.Alpha1-J1.5/ --> {% ENDIF %}
Единственное, придется в последующем его простилизовать, так как картинки и рамки отсутствуют.
Спасибо за помощь! калькулятор вставила по инструкции...но он не работает.. http://minsk.homecom...log/Kalkulyator
#5
Отправлено 19 Апрель 2016 - 13:16
Спасибо! нашла ошибку. Всё работает!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных