| <h1 style="margin:10px 0px;">Расчёт количества плитки</h1> |
| <p style="width: 700px;">На этой странице Вы можете самостоятельно рассчитать количество плиток, которое может понадобиться |
| для отделки ванной комнаты. Необходимо измерить площадь поверхности, которую предстоит покрыть плиткой. |
| Не забывайте про площадь подоконников и оконных проемов, длину ванны, дверной проем.</p> |
| |
| <div id="div_form_bricks"> |
| <form onsubmit="return false;" name="calc"> |
| <table style="background-color:#EFEFEF; margin:0px 0px 10px 0px; border:1px solid #888888; " border="0" cellpadding="0" cellspacing="0"> |
| <tr valign="middle"> |
| <td valign="top" style="padding:0px 10px;"> |
| <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin:10px 0px;"> |
| <tr valign="top"> |
| <td style="background-color:white;"> |
| <table border="0" cellpadding="0" cellspacing="0" width="100%" class="tbl-calculation"> |
| <tr><td> |
| |
| <p><b>Не забывайте про дополнительные 10% на резку и потери.</b></p> |
|
|
| <table width="100%" border="0" cellpadding="5" cellspacing="2" class="calk"> |
| <tbody> |
| <tr> |
| <td valign="top" align="right"><p><em>Длина всех стен, см </em></p></td> |
| <td valign="top"><input size="3" onchange="do_stena_s();" name="sb_s_width" type="text"></td> |
| <td rowspan="2" valign="top"><em>Площадь помещения<br> |
| </em> |
|
|
| <input size="3" name="sb_s" type="text" readonly="readonly" style="background-color: #ebebeb"> |
| кв.см </td> |
| </tr> |
| <tr> |
| <td valign="top" align="right"><em>Высота стены, см </em></td> |
| <td valign="top"><input size="3" onchange="do_stena_s()" name="sb_s_height" type="text"></td> |
| </tr> |
| |
| <tr> |
| <td colspan="3"> </td> |
| </tr> |
| <tr> |
| <td align="right"><em>Длина ванны, см </em></td> |
| <td><input size="3" onchange="do_vanna_s();" name="sb_v_width" type="text"></td> |
| <td rowspan="2"><em>Площадь ванны</em><br> |
| <input size="3" name="sb_v" type="text" readonly="readonly" style="background-color: #ebebeb"> |
| кв.см</td> |
| </tr> |
| <tr> |
| <td align="right"><em>Высота ванны, см </em></td> |
| <td><input size="3" onchange="do_vanna_s()" name="sb_v_height" type="text"></td> |
| </tr> |
|
|
| <td colspan="3"> </td> |
| </tr> |
| <tr> |
| <td align="right"><em>Ширина двери, см </em></td> |
| <td><input size="3" onchange="do_dver_s();" name="sb_d_width" type="text"></td> |
| <td rowspan="2"><em>Площадь двери</em><br> |
| <input size="3" name="sb_d" type="text" readonly="readonly" style="background-color: #ebebeb"> |
| кв.см</td> |
|
|
| </tr> |
| <tr> |
| <td align="right"><em>Высота двери, см </em></td> |
| <td><input size="3" onchange="do_dver_s()" name="sb_d_height" type="text"></td> |
| </tr> |
| <tr> |
| <td colspan="3"> </td> |
| </tr> |
|
|
| <tr> |
| <td align="right"><em>Ширина плитки, см </em></td> |
| <td><input size="3" onchange="do_plit_s();" name="sb_p_width" type="text"></td> |
| <td rowspan="2"><em>Площадь плитки <br> |
| </em> |
| <input size="3" name="sb_p" type="text" readonly="readonly" style="background-color: #ebebeb"> |
| кв.см</td> |
|
|
| </tr> |
| <tr> |
| <td align="right"><em>Высота плитки, см </em></td> |
| <td><input size="3" onchange="do_plit_s()" name="sb_p_height" type="text"></td> |
| </tr> |
| |
| <tr> |
| <td colspan="3"> </td> |
| </tr> |
| |
| <tr> |
| <td colspan="3" align="center"><input type="submit" value="Рассчитать"/></td> |
| </tr> |
|
|
| <tr> |
| <td colspan="3" align="center"><em>Плиток понадобится</em>: |
| <div id="total" style="font-weight: bold; font-size: 20px;"> </div> </td> |
| </tr> |
| </tbody> |
| </table> |
| |
| </td></tr></table></td></tr></table> |
| </form> |
| </table> |
| </div> |
|
|
|
|
| <script type="text/javascript"> |
| <!-- |
| var spacebox = document.forms['calc']; |
|
|
| function do_stena_s () |
| { |
| spacebox.sb_s.value = spacebox.sb_s_width.value*spacebox.sb_s_height.value; |
| } |
| function do_vanna_s () |
| { |
| spacebox.sb_v.value = spacebox.sb_v_width.value*spacebox.sb_v_height.value; |
| } |
| function do_dver_s () |
| { |
| spacebox.sb_d.value = spacebox.sb_d_width.value*spacebox.sb_d_height.value; |
| } |
| function do_plit_s () |
| { |
| spacebox.sb_p.value = spacebox.sb_p_width.value*spacebox.sb_p_height.value; |
| } |
|
|
| $(function() |
| { |
| $('form').bind('submit', function(){ |
| if ($(this).attr('name') == 'calc') |
| return check(); |
| }); |
| |
| function check() |
| { |
| if (spacebox.sb_p.value > 0 && spacebox.sb_s.value != 'NaN' && spacebox.sb_v.value != 'NaN' && spacebox.sb_d.value != 'NaN') |
| document.getElementById('total').innerHTML = Math.round((spacebox.sb_s.value - spacebox.sb_d.value - spacebox.sb_v.value)/spacebox.sb_p.value) + 'шт.'; |
| else |
| document.getElementById('total').innerHTML = 'Неправильно введены данные!'; |
| |
| return false; |
| } |
| }); |
|
|
| //--> |
