Онлайн расчет количества пиломатериалов для стен, потолка и пола

{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>&nbsp;</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}

   ГлавнаяОнлайн расчет количества пиломатериалов для стен, потолка и пола

ООО “ЭКОЛЕСТРЕЙД" © {source}<? echo date('Y'); ?>{/source} Пиломатериалы от производителя 
При цитировании ссылка на сайт pilomaterial-sosna.ru обязательна.