Онлайн расчет количества пиломатериалов для стен, потолка и пола
{source}
<!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"><head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>Калькулятор для расчёта количества пиломатериалов</title>
<meta name="description" content="Online-расчет необходимого вам количества вагонки, доски пола, имитации бруса и других пиломатериалов" />
<meta name="keywords" content="калькулятор, расчет, количество" />
<link href="online-raschet/kolichestvo-pilomatelialov/style.css" type="text/css" rel="stylesheet" />
<script src="online-raschet/kolichestvo-pilomatelialov/jquery00.js" type="text/javascript" charset="utf-8"></script>
<script src="online-raschet/kolichestvo-pilomatelialov/fancybox.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="online-raschet/kolichestvo-pilomatelialov/jquery01.js"></script>
<link href="online-raschet/kolichestvo-pilomatelialov/fancybox.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
$(document).ready(function() {
getBanner();
$(window).resize(function(){
getBanner();
});
$('.ngg-singlepic').each( function() {
var poyasneniya = $(this).find('.spictxt').find('p').html();
if(poyasneniya==null) {poyasneniya=" ";}
else{poyasneniya=poyasneniya+" <a href='http://euro-vagonka.by/stoimost'>Прайс-лист</a>";};
var poyasneniyaimg = $(this).find('img').attr('title');
$(this).find('a').fancybox({
'opacity' : true,
'overlayShow' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'none',
'titlePosition' : 'over',
'title' : poyasneniyaimg+'<br>'+poyasneniya
});
});
$("[id^=ouraction]").each( function() {
var showContent = $(this).attr('id');
$.get('http://euro-vagonka.by/getcontent.php', {id: showContent}, function(data)
{
$('#'+showContent).hide();
$('#'+showContent).html('<noindex>'+data+'</noindex>');
$('#'+showContent).fadeIn(1000);
});
});
$('.ngg-singlepic').click(function() {
var imghref = $(this).find('a').attr('href');
var imgtext = $(this).find('.spictxt').find('p').html();
var preload = $('#maskpic').find('img');
//console.log('PIC'+imghref);
//console.log('HTML'+imgtext);
return false;
});
theRotator();
/////////////////////////////////////////////////////////////////////////////////
var position = 0; // текущий сдвиг влево
var width = 144; // ширина изображения
var count = 4; // количество изображений
var obertkapic = $('#obertkaminipicnext'); //обертка картинок
var allimg = $('.singlepicgal');
if(allimg.length<=4){
$("#picprev").hide();
$("#picnext").hide();
}
var beginpic = $('.singlepicgal').find('a').attr('href');
var beginpictitle = $('.singlepicgal').find('a').find('img').attr('title');
$("#largeImg").attr({
src: beginpic,
title: beginpictitle
});
$("#largeImgtxt").html(beginpictitle);
allimg.each( function() {
var imgbig = $(this).find('a').find('img').attr('src');
});
$('.singlepicgal').click(function() {
var clickpic = $(this).find('a').attr('href');
var clickpictitle = $(this).find('a').find('img').attr('title');
$("#largeImg").attr({
src: clickpic,
title: clickpictitle
});
$("#largeImgtxt").html(clickpictitle);
return false;
});
$('#picprev').click(function() {
$("#picnext").show();
if (position >= 0){
$("#picprev").hide();
return;}
position = Math.min(position + width*count, 0);
obertkapic.css('margin-left', position + 'px');
return false;
});
$('#picnext').click(function() {
$("#picprev").show();
if (position <= -width*(allimg.length-count)) {
$("#picnext").hide();
return;}
position = Math.max(position-width*count, -width*(allimg.length-count));
obertkapic.css('margin-left', position + 'px');
return false;
});
////////////////////////////////////////////////////////////////////////////////////
$(".foolrulon a, .rulon a").fancybox();
});
function theRotator() {
// Устанавливаем прозрачность всех картинок в 0
$('div#rotator ul li').css({opacity: 0.0});
// Берем первую картинку и показываем ее (по пути включаем полную видимость)
$('div#rotator ul li:first').css({opacity: 1.0});
// Вызываем функцию rotate для запуска слайдшоу, 5000 = смена картинок происходит раз в 5 секунд
setInterval('rotate()',6000);
}
function rotate() {
// Берем первую картинку
var current = ($('div#rotator ul li.show')? $('div#rotator ul li.show') : $('div#rotator ul li:first'));
// Берем следующую картинку, когда дойдем до последней начинаем с начала
var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('div#rotator ul li:first') :current.next()) : $('div#rotator ul li:first'));
// Подключаем эффект растворения/затухания для показа картинок, css-класс show имеет больший z-index
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
// Прячем текущую картинку
current.animate({opacity: 0.0}, 3000)
.removeClass('show');
};
function getBanner(){
var pagesizenat = getPageSize();
if(pagesizenat[2]>1279)
{
var htmlStr = $("#nrightrkl").html();
$("#nrightrkl").css({opacity: 0.0, visibility: "hidden"});
$('#rightrkl').html(htmlStr);
$('#rightrkl').css({'right' : '-130px','top' : '-15px','width' : '120px' });
$('#rightrkl').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
var htmlStrL = $("#nlightrkl").html();
$("#nlightrkl").css({opacity: 0.0, visibility: "hidden"});
$('#lefttrkl').html(htmlStrL);
$('#lefttrkl').css({'left' : '-130px','top' : '-15px','width' : '120px' });
$('#lefttrkl').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
}
else
{
$("#nrightrkl").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
$('#rightrkl').html('.');
$('#rightrkl').css({'right' : '1px','width' : '1px'});
$('#rightrkl').css({opacity: 0.0, visibility: "hidden"});
$("#nlightrkl").css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});
$('#lefttrkl').html('.');
$('#lefttrkl').css({'right' : '1px','width' : '1px'});
$('#lefttrkl').css({opacity: 0.0, visibility: "hidden"});
}
return true;
}
function getPageSize(){
var xScroll, yScroll;
if (window.innerHeight && window.scrollMaxY) {
xScroll = document.body.scrollWidth;
yScroll = window.innerHeight + window.scrollMaxY;
} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
xScroll = document.body.scrollWidth;
yScroll = document.body.scrollHeight;
} else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ // Explorer 6 strict mode
xScroll = document.documentElement.scrollWidth;
yScroll = document.documentElement.scrollHeight;
} else { // Explorer Mac...would also work in Mozilla and Safari
xScroll = document.body.offsetWidth;
yScroll = document.body.offsetHeight;
}
var windowWidth, windowHeight;
if (self.innerHeight) { // all except Explorer
windowWidth = self.innerWidth;
windowHeight = self.innerHeight;
} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
windowWidth = document.documentElement.clientWidth;
windowHeight = document.documentElement.clientHeight;
} else if (document.body) { // other Explorers
windowWidth = document.body.clientWidth;
windowHeight = document.body.clientHeight;
}
// for small pages with total height less then height of the viewport
if(yScroll < windowHeight){
pageHeight = windowHeight;
} else {
pageHeight = yScroll;
}
// for small pages with total width less then width of the viewport
if(xScroll < windowWidth){
pageWidth = windowWidth;
} else {
pageWidth = xScroll;
}
return [pageWidth,pageHeight,windowWidth,windowHeight];
}
</script>
</head>
<body>
<div class="form">
<div id="content_wrapper">
<div id="center">
<h3 align="center">Калькулятор количества пиломатериалов для стен, потолка и пола</h3>
<form name="calculator" method="post">
<div align="center">
<p><img src="online-raschet/kolichestvo-pilomatelialov/pilomat-raschet.jpg" alt="Расчет количсетва пиломатериалов для строительства" width="520" height="153" style="margin: 15px 0 15px 0;" />
</p>
</div>
<div align="center" class="zag"><strong>Размер помещения</strong>:</div><br />
<div class="calcw">
<table class="my_table" width="100%" border="0">
<tbody>
<tr></tr>
<tr>
<td align="left" width="40%"><div align="right"><span class="label0">Длина A (м):</span></div></td>
<td align="right"><div align="left">
<input type="text" class="input" id="dim_a" name="dim_a" value="0" onchange="calc();" onkeyup="calc();" onclick="calc();" />
</div></td>
</tr>
<tr>
<td align="left"><div align="right"><span class="label0">Ширина В (м):</span></div></td>
<td align="right"><div align="left">
<input type="text" class="input" id="dim_b" name="dim_b" value="0" onchange="calc();" onkeyup="calc();" onclick="calc();" />
</div></td>
</tr>
<tr>
<td align="left"> <div align="right"><span class="label0">Высота С (м):</span></div></td>
<td align="right"><div align="left">
<input type="text" class="input" id="dim_c" name="dim_c" value="0" onchange="calc();" onkeyup="calc();" onclick="calc();" />
</div></td>
</tr>
<tr>
<td align="left"><div align="right"><span class="label0">Площадь окон (м<sup>2</sup>):</span></div></td>
<td align="right"><div align="left">
<input type="text" class="input" id="wcount" name="wcount" value="0" onchange="calc();" onkeyup="calc();" onclick="calc();" />
</div></td>
</tr>
<tr>
<td align="left"><div align="right"><span class="label0">Площадь дверей (м<sup>2</sup>):</span></div></td>
<td align="right"><div align="left">
<input type="text" class="input" id="dcount" name="dcount" value="0" onchange="calc();" onkeyup="calc();" onclick="calc();" />
</div></td>
</tr>
</tbody>
</table>
</div>
<div id="doorsarray"></div>
<blockquote> <div align="center"><span class="zag3">Итоговые площади:
</span>
</div>
<div id="square_floor" class="ras"></div>
<div id="square_ceil" class="ras"></div>
<div id="square_wall" class="ras"></div>
</blockquote>
<div align="center" class="zag"><strong>Материалы</strong>:</div><br />
<table class="my_table" width="100%" border="0">
<tbody>
<tr></tr>
<tr>
<td align="left" width="40%"><div align="right"><span class="label0">Материал стен:</span></div></td>
<td align="right"><div align="left">
<select id="stena" class="input" name="stena" size="1" onchange="calc();" onkeyup="calc();" onclick="calc();">
<option value="0">Блок-хаус (20х96х6000)</option>
<option value="1">Блок-хаус (20х96х5000)</option>
<option value="2">Блок-хаус (20х96х4000)</option>
<option value="3">Блок-хаус (20х96х3000)</option>
<option value="4">Блок-хаус (20х130х5000)</option>
<option value="5">Блок-хаус (20х130х4000)</option>
<option value="6">Блок-хаус (28х140х6000)</option>
<option value="7">Блок-хаус (28х140х4000)</option>
<option value="8">Блок-хаус (28х140х5000)</option>
<option value="9">Блок-хаус (28х135х4000)</option>
<option value="10">Вагонка (14х80х5000)</option>
<option value="11">Вагонка (14х80х4000)</option>
<option value="12">Вагонка (16х91х6000)</option>
<option value="13">Вагонка (16х91х4000)</option>
<option value="14">Вагонка (16х105х6000)</option>
<option value="15">Вагонка (16х105х4000)</option>
<option value="16">Вагонка ольха (15х82х3000)</option>
<option value="17">Вагонка ольха (15х82х2500)</option>
<option value="18">Вагонка ольха (15х82х2000)</option>
<option value="19">Евровагонка (12,5х96х3000)</option>
<option value="20">Евровагонка (12,5х96х2700)</option>
<option value="21">Евровагонка (12,5х96х2500)</option>
<option value="22">Евровагонка (12,5х96х2400)</option>
<option value="23">Евровагонка (12,5х96х2000)</option>
<option value="24">Имитация бруса (20х142х6000)</option>
<option value="25">Имитация бруса (20х142х5000)</option>
<option value="26">Имитация бруса (20х142х4000)</option>
<option value="27">Имитация бруса (20х142х3000)</option>
<option value="28">Имитация бруса (18х135х5000)</option>
<option value="29">Имитация бруса (18х135х4000)</option>
</select>
</div></td>
</tr>
<tr>
<td align="left"><div align="right"><span class="label0">Материал потолка:</span></div></td>
<td align="right"><div align="left">
<select id="potolok" class="input" name="potolok" size="1" onchange="calc();" onkeyup="calc();" onclick="calc();">
<option value="0">Блок-хаус (20х96х6000)</option>
<option value="1">Блок-хаус (20х96х5000)</option>
<option value="2">Блок-хаус (20х96х4000)</option>
<option value="3">Блок-хаус (20х96х3000)</option>
<option value="4">Блок-хаус (20х130х5000)</option>
<option value="5">Блок-хаус (20х130х4000)</option>
<option value="6">Блок-хаус (28х140х6000)</option>
<option value="7">Блок-хаус (28х140х4000)</option>
<option value="8">Блок-хаус (28х140х5000)</option>
<option value="9">Блок-хаус (28х135х4000)</option>
<option value="10">Вагонка (14х80х5000)</option>
<option value="11">Вагонка (14х80х4000)</option>
<option value="12">Вагонка (16х91х6000)</option>
<option value="13">Вагонка (16х91х4000)</option>
<option value="14">Вагонка (16х105х6000)</option>
<option value="15">Вагонка (16х105х4000)</option>
<option value="16">Вагонка ольха (15х82х3000)</option>
<option value="17">Вагонка ольха (15х82х2500)</option>
<option value="18">Вагонка ольха (15х82х2000)</option>
<option value="19">Евровагонка (12,5х96х3000)</option>
<option value="20">Евровагонка (12,5х96х2700)</option>
<option value="21">Евровагонка (12,5х96х2500)</option>
<option value="22">Евровагонка (12,5х96х2400)</option>
<option value="23">Евровагонка (12,5х96х2000)</option>
<option value="24">Имитация бруса (20х142х6000)</option>
<option value="25">Имитация бруса (20х142х5000)</option>
<option value="26">Имитация бруса (20х142х4000)</option>
<option value="27">Имитация бруса (20х142х3000)</option>
<option value="28">Имитация бруса (18х135х5000)</option>
<option value="29">Имитация бруса (18х135х4000)</option>
<option value="30">Потолочная рейка (18х110х3000)</option>
<option value="31">Потолочная рейка (18х110х5000)</option>
<option value="32">Потолочная рейка (18х110х6000)</option>
<option value="33">Потолочная рейка (18х110х4000)</option>
</select>
</div></td>
</tr>
<tr>
<td align="left"><div align="right"><span class="label0">Материал пола:</span></div></td>
<td align="right"><div align="left">
<select id="polovaya" class="input" name="polovaya" size="1" onchange="calc();" onkeyup="calc();" onclick="calc();">
<option value="0">Доска пола (35х118х6000)</option>
<option value="1">Доска пола (35х118х4000)</option>
<option value="2">Доска пола (35х130х5000)</option>
<option value="3">Доска пола (35х130х4000)</option>
<option value="4">Доска пола (35х105х5000)</option>
<option value="5">Доска пола (35х105х4000)</option>
<option value="6">Доска пола (27х130х5000)</option>
<option value="7">Доска пола (27х130х4000)</option>
<option value="8">Доска пола (27х110х6000)</option>
<option value="9">Доска пола (27х110х4000)</option>
<option value="10">Доска пола (27х100х6000)</option>
<option value="11">Доска пола (27х100х4000)</option>
<option value="12">Доска пола (27х105х5000)</option>
<option value="13">Доска пола (27х105х4000)</option>
<option value="14">Доска пола из лиственницы (28х145х6000)</option>
<option value="15">Террасная доска (28х145х6000)</option>
</select>
</div></td>
</tr>
</tbody>
</table><br />
<blockquote>
<div id="itogo" align="center" class="zag2"></div>
<div id="count_wall" class="ras"></div>
<div id="count_ceiling" class="ras"></div>
<div id="count_floor" class="ras"></div>
</blockquote>
<div> </div>
</form>
<script type="text/javascript">
function calc(){
var ArrPol = [0.708,0.472,0.495,0.52,0.525,0.42,0.65,0.52,0.66,0.44,0.6,0.4,0.525,0.42,0.87,0.87];var ArrPotolok = [0.576,0.48,0.384,0.288,0.65,0.52,0.84,0.56,0.7,0.54,0.4,0.32,0.546,0.364,0.63,0.42,0.246,0.205,0.164,0.288,0.2592,0.24,0.2304,0.192,0.852,0.71,0.568,0.426,0.675,0.54,0.33,0.55,0.66,0.44];var ArrStena = [0.576,0.48,0.384,0.288,0.65,0.52,0.84,0.56,0.7,0.54,0.4,0.32,0.546,0.364,0.63,0.42,0.246,0.205,0.164,0.288,0.2592,0.24,0.2304,0.192,0.852,0.71,0.568,0.426,0.675,0.54];
var a,b,c,wc,ww,wh,mat_ceiling,mat_floor,mat_wall;
a = parseFloat(document.getElementById("dim_a").value.replace(",","."));
b = parseFloat(document.getElementById("dim_b").value.replace(",","."));
c = parseFloat(document.getElementById("dim_c").value.replace(",","."));
wc = parseFloat(document.getElementById("wcount").value.replace(",","."));
dc = parseFloat(document.getElementById("dcount").value.replace(",","."));
var delta = wc+dc;
var SquareFloor = a*b;
var SquareCeil = a*b;
var SquareWall = 2*(a*c+b*c)-delta;
if(SquareFloor)
{
document.getElementById("square_floor").innerHTML = "Площадь пола: "+ SquareFloor.toFixed(2) + " м<sup>2</sup>";
document.getElementById("itogo").innerHTML = "<h2>Результат расчёта</h2>";
}
else
{
document.getElementById("square_floor").innerHTML = "";
}
if(SquareCeil)
{
document.getElementById("square_ceil").innerHTML = "Площадь потолка: "+ SquareCeil.toFixed(2) + " м<sup>2</sup>";
document.getElementById("itogo").innerHTML = "<h2>Результат расчёта</h2>";
}
else
{
document.getElementById("square_ceil").innerHTML = "";
}
if(SquareWall)
{
document.getElementById("square_wall").innerHTML = "Площадь стен: "+ SquareWall.toFixed(2) + " м<sup>2</sup>";
document.getElementById("itogo").innerHTML = "<h2>Результат расчёта</h2>";
}
else
{
document.getElementById("square_wall").innerHTML = "";
}
mat_ceiling = document.getElementById("potolok").value; mat_floor = document.getElementById("polovaya").value; mat_wall = document.getElementById("stena").value;
var select_wall_value=document.getElementById("stena").options[document.getElementById('stena').selectedIndex].text; var select_floor_value=document.getElementById("polovaya").options[document.getElementById('polovaya').selectedIndex].text; var select_ceiling_value=document.getElementById("potolok").options[document.getElementById('potolok').selectedIndex].text;
var CountFloor = SquareFloor/ArrPol[mat_floor];
var CountCeil = SquareCeil/ArrPotolok[mat_ceiling];
var CountWall = SquareWall/ArrStena[mat_wall];
if(CountFloor)
{
document.getElementById("count_floor").innerHTML = select_floor_value+" "+Math.round(CountFloor)+" шт. для пола "+SquareFloor.toFixed(2)+"м<sup>2</sup>";
}
else
{
document.getElementById("count_floor").innerHTML = "";
}
if(CountCeil)
{
document.getElementById("count_ceiling").innerHTML = select_ceiling_value+" "+Math.round(CountCeil)+" шт. для потолка "+SquareCeil.toFixed(2)+"м<sup>2</sup>";
}
else
{
document.getElementById("count_ceiling").innerHTML = "";
}
if(CountWall)
{
document.getElementById("count_wall").innerHTML = select_wall_value+" "+Math.round(CountWall)+" шт. для стен "+SquareWall.toFixed(2)+"м<sup>2</sup>";
}
else
{
document.getElementById("count_wall").innerHTML = "";
}
}
</script>
</div>
</div>
</div>
</body>
</html>
{/source}
{source}
<!-- You can place html anywhere within the source tags -->
<script data-skip-moving="true">
(function(w,d,u,b){
s=d.createElement('script');r=(Date.now()/1000|0);s.async=1;s.src=u+'?'+r;
h=d.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);
})(window,document,'https://cdn.bitrix24.ru/b5132193/crm/site_button/loader_2_1do57w.js');
</script>
{/source}