Скрытый текст
Вот код:
<!-- калькулятор -->
<script type="text/javascript">
var calc_dveri1 = [
['Монтаж двери (стоимостью до 6 000 руб.) ',3150,1950,'От стоимости двери зависит какие инструменты возьмут мастера, уровень подготовки мастеров, величина гарантийных обязательств'],
['Монтаж двери (стоимостью от 6 000 до 8 000 руб.)',3450,2250,''],
['Монтаж двери (стоимостью от 8 000 до 12 000 руб.)',3650,2450,''],
['Монтаж двери (стоимостью от 12 000 до 15 000 руб.)',3850,2650,''],
['Монтаж двери (стоимостью от 15 000 до 20 000 руб.)',4150,2950,''],
['Монтаж двери (стоимостью от 20 000 руб.)',4450,3250,'']
];
var calc_dveri2 = [
['Монтаж двустворчатой двери (стоимостью до 6 000 руб.) ',3650,2450,'От стоимости двери зависит какие инструменты возьмут мастера, уровень подготовки мастеров, величина гарантийных обязательств'],
['Монтаж двустворчатой двери стоимостью от 6 000 до 8 000 руб.',4050,2850,''],
['Монтаж двустворчатой двери стоимостью от 8 000 до 12 000 руб.',4350,3150,''],
['Монтаж двустворчатой двери стоимостью от 12 000 до 15 000 руб.',4650,3450,''],
['Монтаж двустворчатой двери стоимостью от 15 000 до 20 000 руб.',5100,3900,''],
['Монтаж двустворчатой двери стоимостью от 20 000 руб.',5550,4350,'']
]
var calc_dveri3 = [
['Установка двери-гармошка',1500,1500,''],
['Установка дверей на роликах (без дополнительных работ)',3550,2350,''],
['Установка складывающихся дверей типа "книжка"',3550,2350,'']
]
var calc_dveri4 = [
['Оформление портала',1500,1500,'Отделка дверного проема доборной доской и наличником. Отдельно как услуга не оказывается.'],
['Установка доборной доски шириной до 5 см.',500,500,'Доборная доска нужна, если стены оказываются толще дверной коробки и их нужно закрыть'],
['Установка доборной доски шириной до 12 см.',800,800,''],
['Отпиловка двери по высоте',500,500,'Иногда проем оказывается меньше, чем купленные двери, в таком случае дверь можно немного укоротить'],
['Врезка дополнительной петли',200,200,'Если двери тяжелые, следует поставтить дополнительную петлю'],
['Врезка скрытой петли',500,500,''],
['Распиловка наличника (вдоль), цена за штуку',150,150,'Требуется в редких случаях, когда наличник не умещается по каким-либо причинам'],
['Распиловка дверной коробки вдоль',500,500,'Требуется, если стена оказалась тоньше размеров дверной коробки'],
['Установка наличника на “ жидкие гвозди “ (1 сторона)',250,250,''],
['Врезка ригеля в двустворчатую дверь (за 1 шт.)',200,200,'Ригель служит для фиксации двустворчатых дверей'],
['Монтаж магнитного замка',200,200,''],
['Уменьшение проема',150,150,''],
['Выезд на замер (в пределах МКАД)',700,700,'']
]
</script>
<form id="calc_sum" action="" method="post">
<div class="calc_spoiler">
Цены на услуги по установке межкомнатных дверей
<span class="opened"></span>
</div>
<table class="calc_price" style="display:block;" border="0" cellspacing="3" cellpadding="0" width="100%">
<thead>
<tr>
<td width="420px" valign="top">
<div>
Наименование услуги
</div>
</td>
<td width="95" valign="top">
<div>
Кол-во
</div>
</td>
<td width="95" valign="top">
<div>
Цена за единицу
</div>
</td>
<td width="95" valign="top">
<div>
Итого
</div>
</td>
</tr>
</thead>
<tbody>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="right">
Итого цена за установку:
</td>
<td align="center">
<div class="itogo">
</div>
</td>
</tr>
</tfoot>
</table>
<div class="calc_spoiler">
Цены на услуги по установке двустворчатых дверей
<span></span>
</div>
<table class="calc_price" border="0" cellspacing="3" cellpadding="0" width="100%">
<thead>
<tr>
<td width="420px" valign="top">
<div>
Наименование услуги
</div>
</td>
<td width="95" valign="top">
<div>
Кол-во
</div>
</td>
<td width="95" valign="top">
<div>
Цена за единицу
</div>
</td>
<td width="95" valign="top">
<div>
Итого
</div>
</td>
</tr>
</thead>
<tbody>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="right">
Итого цена за установку:
</td>
<td align="center">
<div class="itogo">
</div>
</td>
</tr>
</tfoot>
</table>
<div class="calc_spoiler">
Установка дверей-гармошек, книжек, дверей на роликах
<span></span>
</div>
<table class="calc_price" border="0" cellspacing="3" cellpadding="0" width="100%">
<thead>
<tr>
<td width="420px" valign="top">
<div>
Наименование услуги
</div>
</td>
<td width="95" valign="top">
<div>
Кол-во
</div>
</td>
<td width="95" valign="top">
<div>
Цена за единицу
</div>
</td>
<td width="95" valign="top">
<div>
Итого
</div>
</td>
</tr>
</thead>
<tbody>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="right">
Итого цена за установку:
</td>
<td align="center">
<div class="itogo">
</div>
</td>
</tr>
</tfoot>
</table>
<div class="calc_spoiler">
Стоимость дополнительных работ при монтаже
<span></span>
</div>
<table class="calc_price" border="0" cellspacing="3" cellpadding="0" width="100%">
<thead>
<tr>
<td width="420px" valign="top">
<div>
Наименование услуги
</div>
</td>
<td width="95" valign="top">
<div>
Кол-во
</div>
</td>
<td width="95" valign="top">
<div>
Цена за единицу
</div>
</td>
<td width="95" valign="top">
<div>
Итого
</div>
</td>
</tr>
</thead>
<tbody>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="right">
Итого за дополнительные услуги:
</td>
<td align="center">
<div class="itogo">
</div>
</td>
</tr>
</tfoot>
</table>
<table class="calc_foot" width="100%" cellspacing="3">
<tr>
<td align="right" width="620">
<b>Общая сумма:</b>
</td>
<td>
<div id="foot_itog">
</div>
</td>
</tr>
</table>
<br/>
<blockquote>
<img src="/images/important.jpg" alt="Это важно" title="Это важно" align="left" width="40" hspace="10">
<b>Важный момент! В 95% случаев мы готовы отправить к Вам бригаду установщиков уже на следующий день после обращения.</b>
</blockquote>
<h2>В стандартную услугу по установке входят:</h2>
<ul>
<li>Демонтаж старой коробки (без сохранения демонтируемой коробки)</li>
<li>Сборка коробки с последующей установкой</li>
<li>Врезка петель в двери (2 штуки)</li>
<li>Врезка замка</li>
<li>Подготовка и установка комплекта наличника</li>
</ul>
</form>
<div class="calc_buttons">
<div id="send_me_now" class="send_me_now">Отправить расчет себе на email</div>
<div id="send_order" class="send_order">Отправить заказ</div>
<div id="recalculate">Смотреть расчет</div>
</div>
<script type="text/javascript">
function recalculate() {
var val_itogo=0;
jQuery('#recalculate_table tbody').html('');
jQuery("table.calc_price").each(function(index){
var val_table=0;
var tek_table=jQuery(this);
tek_table.find('input.count_doors').each(function(){
var tsena=0;
if(parseInt(jQuery(this).val())>1)
tsena=parseInt(jQuery(this).next().next().next().val());
else
tsena=parseInt(jQuery(this).next().next().val());
var tek_val = parseInt(jQuery(this).val())*tsena;
val_table = val_table + tek_val;
if(parseInt(jQuery(this).val())>0)
{
jQuery('#recalculate_table tbody').append('<tr>' +
'<td>'+
'<div>'+
jQuery(this).parent().parent().prev().find('span.xtx').html()+
'</div>'+
'</td>'+
'<td>'+
'<div>'+
jQuery(this).val()+
'</div>'+
'</td>'+
'<td>'+
'<div class="price_count">'+
tsena+' руб.'+
'</div>'+
'</td>'+
'<td><div> <b>'+tek_val+' руб.</b> </div></td>'+
'</tr>');
}
});
tek_table.find('.itogo').html(val_table+' руб.');
val_itogo = val_itogo+val_table;
});
jQuery('#foot_itog').html(val_itogo+' руб.');
jQuery('#recalculate_table .itogo').html(val_itogo+' руб.');
}
function inicialization (ar,ind) {
jQuery.each(ar, function(index, value){
var rowx='<tr>' +
'<td>'+
'<div>'+
'<span class="xtx">'+value[0]+'</span>';
if(value[3].length>0)
rowx = rowx + ' <span class="calc_question"></span>' +
'<div class="message_short">'+
value[3]+
'</div>';
rowx = rowx + '</div>'+
'</td>'+
'<td>'+
'<div>'+
'<span class="calc_plus';
if((ind==3)||(value[1]==value[2]))
rowx=rowx+' non';
rowx=rowx+'"></span>'+
'<input type="text" name="calc_val[]" class="zero count_doors" value="';
rowx=rowx+'0';
rowx=rowx+'"/>'+
'<span class="calc_minus';
if(ind==4)
rowx=rowx+' non';
rowx=rowx+'"></span>'+
'<input type="hidden" name="calc_price[]" value="'+value[1]+'"/>'+
'<input type="hidden" name="calc_price2[]" value="'+value[2]+'"/>'+
'</div>'+
'</td>'+
'<td>'+
'<div class="price_count">';
if((ind==3)||(value[1]==value[2]))
rowx=rowx+value[1]+' руб.';
else
rowx=rowx+'<div class="zero_cnt">'+
'<span class="arrow_st_left"></span>'+
'<span class="price_cnt_0">зависит от кол-ва дверей</span>'+
'</div>'+
'<div class="non_zero_cnt" style="display:none;">'+value[1]+' руб.</div>';
rowx=rowx+
'</div>'+
'</td>'+
'<td><div> <b>'+value[1]*0+' руб.</b> </div></td>'+
'</tr>';
jQuery('table.calc_price:eq('+ind+') tbody').append(rowx)
})
}
jQuery(function(){
inicialization(calc_dveri1,0);
inicialization(calc_dveri2,1);
inicialization(calc_dveri3,2);
inicialization(calc_dveri4,3);
recalculate();
jQuery(".calc_question").hover(function(ev){
jQuery(this).next().css('top',ev.pageY+10+'px').css('left',ev.pageX+10+'px').show();
},function(){
jQuery(this).next().hide();
}
);
jQuery("#recalculate").click(function(){
jQuery.facebox({
div: '#recalculate_box',
rev: 'iframe|760|490'
});
});
jQuery("#send_me_now").live('click',function(){
jQuery.facebox({
div: '#send_mail_win',
rev: 'iframe|760|490'
});
});
jQuery("#send_me_now2").live('click',function(){
jQuery.facebox({
div: '#send_mail_win',
rev: 'iframe|760|490'
});
});
jQuery("#send_order").live('click',function(){
jQuery.facebox({
div: '#send_order_win',
rev: 'iframe|760|490'
});
});
jQuery("#send_order2").live('click',function(){
jQuery.facebox({
div: '#send_order_win',
rev: 'iframe|760|490'
});
});
jQuery(".close_win").live('click',function(){
jQuery.facebox.close();
});
jQuery(".calc_spoiler").each(function(){
if(jQuery(this).find('span').hasClass("opened"))
{
jQuery(this).css('background-color','#e67e22').css('color','#ffffff');
}
else
{
jQuery(this).css('background-color','#f3f3f3').css('color','#774031');
}
});
jQuery(".calc_spoiler").click(function(){
if(jQuery(this).find('span').hasClass("opened"))
{
jQuery('.calc_spoiler > span').attr('class','');
jQuery('table.calc_price').hide();
jQuery('.calc_spoiler').css('background-color','#f3f3f3').css('color','#774031');
jQuery(this).next().hide();
jQuery(this).find('span').removeClass("opened")
}
else
{
jQuery('.calc_spoiler > span').attr('class','');
jQuery('table.calc_price').hide();
jQuery('.calc_spoiler').css('background-color','#f3f3f3').css('color','#774031');;
jQuery(this).next().show();
jQuery(this).find('span').addClass("opened");
jQuery(this).css('background-color','#e67e22').css('color','#ffffff');;
}
var offset = jQuery(this).offset();
//alert(offset.top);
jQuery('body').scrollTop(offset.top);
});
jQuery(".calc_plus").live('click',function(){
var new_val=0;
var tsena=0;
var temp_tsena_obj;
if(parseInt(jQuery(this).next().val())==0 && (jQuery(this).next().next().next().next().val()!=jQuery(this).next().next().next().val()) &&
!jQuery(this).hasClass('non'))
{
new_val=parseInt(jQuery(this).next().val())+2;
}
else
{
new_val=parseInt(jQuery(this).next().val())+1;
}
if(!jQuery(this).hasClass('non'))
{
jQuery(this).parent().parent().next().find('.zero_cnt').hide();
jQuery(this).parent().parent().next().find('.non_zero_cnt').show();
temp_tsena_obj=jQuery(this).parent().parent().next().find('.non_zero_cnt');
}
else
temp_tsena_obj=jQuery(this).parent().parent().next().find('div.price_count');
if(new_val>1)
tsena = jQuery(this).next().next().next().next().val();
else
tsena= jQuery(this).next().next().next().val();
temp_tsena_obj.html(tsena+' руб.');
jQuery(this).parent().parent().next().next().find('div').html('<b>'+new_val*tsena+' руб.</b>');
jQuery(this).next().val(new_val);
recalculate();
});
jQuery(".calc_minus").live('click',function(){
var new_val=0;
var tsena=0;
if(parseInt(jQuery(this).prev().val())>0)
{
new_val=parseInt(jQuery(this).prev().val())-1;
jQuery(this).prev().val(new_val);
if(new_val==0)
{
if(jQuery(this).prev().hasClass('zero')&&!jQuery(this).hasClass('non'))
{
jQuery(this).parent().parent().next().find('.zero_cnt').show();
jQuery(this).parent().parent().next().find('.non_zero_cnt').hide();
}
jQuery(this).parent().parent().next().next().find('div').html('-');
}
else
{
if(new_val>1)
tsena = jQuery(this).next().next().val();
else
tsena= jQuery(this).next().val();
if(!jQuery(this).hasClass('non'))
{
jQuery(this).parent().parent().next().find('.non_zero_cnt').html(tsena+' руб.').show();
jQuery(this).parent().parent().next().find('.zero_cnt').hide();
}
else
jQuery(this).parent().parent().next().find('div.price_count').html(tsena+' руб.');
jQuery(this).parent().parent().next().next().find('div').html('<b>'+new_val*tsena+' руб.</b>');
}
}
recalculate();
});
jQuery("form#calc_sum").submit(function(){
return false;
});
jQuery("input.count_doors").change(function(){
var new_val=0;
var tsena=0;
new_val =parseInt(jQuery(this).val());
if(new_val<=0)
{
if(new_val<0)
jQuery(this).val(0);
if(jQuery(this).hasClass('zero'))
{
jQuery(this).parent().parent().next().find('.zero_cnt').show();
jQuery(this).parent().parent().next().find('.non_zero_cnt').hide();
}
jQuery(this).parent().parent().next().next().find('div').html('-');
}
else
{
if(new_val>1)
tsena =parseInt(jQuery(this).next().next().next().val());
else
tsena =parseInt(jQuery(this).next().next().val());
jQuery(this).parent().parent().next().find('div').html(tsena+' руб.');
jQuery(this).parent().parent().next().next().find('div').html('<b>'+new_val*tsena+' руб.</b>');
}
recalculate();
});
});
jQuery("#send_order3").live('click',function(){
var val= new Array();
var ind=0;
if(jQuery('#facebox input.client_name').val().length>0 && jQuery('#facebox input.client_phone').val().length>0 && jQuery('#facebox input.client_mail').val().length>0)
{
var client = [jQuery('#facebox input.client_name').val(), jQuery('#facebox input.client_phone').val(),
jQuery('#facebox input.client_mail').val()];
jQuery('input.count_doors').each(function(){
if(parseInt(jQuery(this).val())>0)
{
val[ind]=[
jQuery(this).parent().parent().prev().find('span.xtx').html(),
parseInt(jQuery(this).val()),
parseInt(jQuery(this).next().next().val()),
parseInt(jQuery(this).next().next().next().val())
];
ind++;
}
});
var itogo=jQuery("#foot_itog").html();
jQuery.ajax({
type: "POST",
url: '/includes/ajax_order.php',
dataType: "html",
data: {send_order:1,val:val, client: client,itogo:itogo},
success: function(msg) {
jQuery.facebox(msg);
}
});
}
else {
jQuery("#facebox input").each(function(){
if(jQuery(this).val().length==0)
jQuery(this).css('border','2px solid red');
});
}
});
jQuery("#send_me_now3").live('click',function(){
var val= new Array();
var ind=0;
if(jQuery('#facebox input.client_mail').val().length>0)
{
var client = jQuery('#facebox input.client_mail').val();
jQuery('input.count_doors').each(function(){
if(parseInt(jQuery(this).val())>0)
{
val[ind]=[
jQuery(this).parent().parent().prev().find('span.xtx').html(),
parseInt(jQuery(this).val()),
parseInt(jQuery(this).next().next().val()),
parseInt(jQuery(this).next().next().next().val())
];
ind++;
}
});
var itogo=jQuery("#foot_itog").html();
jQuery.ajax({
type: "POST",
url: '/includes/ajax_order.php',
dataType: "html",
data: {send_me_now:1,val:val, client: client,itogo:itogo},
success: function(msg) {
jQuery.facebox(msg);
}
});
}
else {
jQuery("#facebox input").each(function(){
if(jQuery(this).val().length==0)
jQuery(this).css('border','2px solid red');
});
}
});
</script>
<div id="recalculate_box" style="display:none">
<div class="calc_spoiler">
Общее количество услуг и итоговая стоимость
</div>
<table class="calc_price" id="recalculate_table" border="0" cellspacing="3" cellpadding="0" width="100%" style="display: block;">
<thead>
<tr>
<td width="420px" valign="top">
<div>
Наименование услуги
</div>
</td>
<td width="95" valign="top">
<div>
Кол-во
</div>
</td>
<td width="95" valign="top">
<div>
Цена за единицу
</div>
</td>
<td width="95" valign="top">
<div>
Итого
</div>
</td>
</tr>
</thead>
<tbody>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3" align="right">
Итого:
</td>
<td align="center">
<div class="itogo">
4 930 руб.
</div>
</td>
</tr>
</tfoot>
</table>
<div class="calc_buttons">
<div class="close_win">Закрыть</div>
<div id="send_me_now2" class="send_me_now">Отправить расчет себе на email</div>
<div id="send_order2" class="send_order">Отправить заказ</div>
</div>
</div>
<div id="send_mail_win" style="display:none;">
<label for="client_name2">Ваш email:</label>
<input type="text" name="email" class="client_mail" value="" />
<div class="calc_buttons">
<div class="close_win">Закрыть</div>
<div id="send_me_now3" class="send_me_now">Отправить</div>
</div>
</div>
<div id="send_order_win" style="display:none;">
<label for="client_name">Вашe имя:</label>
<input type="text" name="name" class="client_name" value="" /> <br/><br/>
<label for="client_phone">Мобильный телефон:</label>
<input type="text" name="phone" class="client_phone" value="" /><br/><br/>
<label for="client_mail">Ваш email:</label>
<input type="text" name="email" class="client_mail" value="" />
<div class="calc_buttons">
<div class="close_win">Закрыть</div>
<div id="send_order3" class="send_order">Отправить</div>
</div>
</div>
<!--конец калькулятора-->
куда нужно его вставить?