Перейти к содержимому


Калькулятор


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 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/ -->
                                    
как его вставить, что бы он корректно работал? Вставляю его, но калькулятор не работает....

#2 Юля123

Юля123

    Активный участник

  • Модератоpы
  • 2 567 сообщений

Отправлено 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/ -->

как его вставить, что бы он корректно работал? Вставляю его, но калькулятор не работает....



Здравствуйте, уточните, пожалуйста, Вам предоставляли с этим кодом инструкцию по его установке?

#3 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 23 691 сообщений

Отправлено 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>
&lt;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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 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>
&lt;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 galya.bu7

galya.bu7

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 323 сообщений
  • ГородСмоленск

Отправлено 19 Апрель 2016 - 13:16

Спасибо! нашла ошибку. Всё работает!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных