Встроить В Сайт Онлайн-Калькулятор
#1
Отправлено 17 Март 2014 - 08:16
Подскажите, как можно встроить вот такой онлайн-калькулятор на свой сайт? Что это они использовали в качестве калькулятора?
Нашел такой на двух сайтах:
Ссылка удалена
Ссылка удалена
Оберните, пожалуйста, эти две ссылки в скрытый текст! И научите как делать этот скрытый текст.
Есть еще вот такой:
Ссылка удалена
Тоже нужен ((( Тоже, оберните, пожалуйста, в скрытый текст.
#2
Отправлено 17 Март 2014 - 08:24
Andrew S. (17 Март 2014 - 08:16) писал:
Подскажите, как можно встроить вот такой онлайн-калькулятор на свой сайт? Что это они использовали в качестве калькулятора?
Нашел такой на двух сайтах:
Оберните, пожалуйста, эти две ссылки в скрытый текст! И научите как делать этот скрытый текст.
Есть еще вот такой:
Тоже нужен ((( Тоже, оберните, пожалуйста, в скрытый текст.
Код спойлера выглядит так:
<div onclick="$('#spoil').toggle(); return(false);" style="cursor: pointer;"> <p><strong>текст</strong><br /> <br /> </p> </div> <div id="spoil" style="display: none;"> <p>текст при нажатии</p> </div>
#3
Отправлено 17 Март 2014 - 08:25
Andrew S. (17 Март 2014 - 08:16) писал:
Подскажите, как можно встроить вот такой онлайн-калькулятор на свой сайт? Что это они использовали в качестве калькулятора?
Нашел такой на двух сайтах:
Оберните, пожалуйста, эти две ссылки в скрытый текст! И научите как делать этот скрытый текст.
Есть еще вот такой:
Тоже нужен ((( Тоже, оберните, пожалуйста, в скрытый текст.
Чтобы установить данный калькулятор, попробуйте вставить код:
<form name="angle"> <table cellspacing="0" cellpadding="0" width="634" bgcolor="#CCCCCC"> <tbody> <tr> <td bgcolor="#434343" height="25" colspan="6"> <p align="center"><script language="JavaScript" type="text/javascript"> function calcangle(){ var form = document.angle; var Precision=5; var m = form.maxdiagonal.selectedIndex var sd = form.maxdiagonal.options[m].value; var sg = "" var sv = "" if (form.format[0].checked) { if (sd == 4.23) sg = 3.39, sv = 2.54; if (sd == 5.64) sg = 4.52, sv = 3.39; if (sd == 6.05) sg = 4.84, sv = 3.63; if (sd == 6.27) sg = 5.02, sv = 3.76; if (sd == 6.77) sg = 5.42, sv = 4.06; if (sd == 8.47) sg = 6.77, sv = 5.08; if (sd == 11.28) sg = 9.04, sv = 6.78; if (sd == 16.93) sg = 13.54, sv = 10.16; } else { if (sd == 4.23) sg = 3.69, sv = 2.08; if (sd == 5.64) sg = 4.92, sv = 2.77; if (sd == 6.05) sg = 5.27, sv = 2.96; if (sd == 6.27) sg = 5.47, sv = 3.07; if (sd == 6.77) sg = 5.90, sv = 3.32; if (sd == 8.47) sg = 7.38, sv = 4.15; if (sd == 11.28) sg = 9.84, sv = 5.54; if (sd == 16.93) sg = 14.76, sv = 8.30; } var f = form.focus.value; if ((f < 1) || (isNaN(f))) { alert('Фокусное расстояние не может быть отрицательным или 0.'); return(0); } var result_gor = 114.5915 * (Math.atan(sg / (2 * f))); var result_vert = 114.5915 * (Math.atan(sv / (2 * f))); var result_diag = 114.5915 * (Math.atan(sd / (2 * f))); var result_ob_380 = (1000 / (sv / 19)) * (f /1000); var result_ras_380 = (1000 / (sv / 3.8)) * (f /1000); var result_id_380 = (1000 / (sv / 1.52)) * (f /1000); form.result_gor.value = result_gor.toPrecision(Precision); form.result_vert.value = result_vert.toPrecision(Precision); form.result_diag.value = result_diag.toPrecision(Precision); form.result_ob_380.value = result_ob_380.toPrecision(Precision); form.result_ras_380.value = result_ras_380.toPrecision(Precision); form.result_id_380.value = result_id_380.toPrecision(Precision); form.result_ob_480.value = (1.263 * result_ob_380).toPrecision(Precision); form.result_ras_480.value = (1.263 * result_ras_380).toPrecision(Precision); form.result_id_480.value = (1.263 * result_id_380).toPrecision(Precision); form.result_ob_560.value = (1.473 * result_ob_380).toPrecision(Precision); form.result_ras_560.value = (1.473 * result_ras_380).toPrecision(Precision); form.result_id_560.value = (1.473 * result_id_380).toPrecision(Precision); form.result_ob_700.value = (1.842 * result_ob_380).toPrecision(Precision); form.result_ras_700.value = (1.842 * result_ras_380).toPrecision(Precision); form.result_id_700.value = (1.842 * result_id_380).toPrecision(Precision); form.result_ob_1080.value = (2.842 * result_ob_380).toPrecision(Precision); form.result_ras_1080.value = (2.842 * result_ras_380).toPrecision(Precision); form.result_id_1080.value = (2.842 * result_id_380).toPrecision(Precision); return true; } </script><a name="angle"></a><strong><font color="white">Расчёт угла обзора видеокамеры</font></strong></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td width="300"> <p style="margin-right: 0pt; margin-left: 40px">Формат матрицы видеокамеры (мм):</p> </td> <td> </td> <td> </td> <td><input type="radio" name="format" checked="">4:3</td> <td> <p><input type="radio" name="format">16:9</p> </td> <td> <p><select name="maxdiagonal" size="1"> <option value="16.93">1"</option> <option value="11.28">2/3"</option> <option value="8.47">1/2"</option> <option value="6.77">1/2,5"</option> <option value="6.27">1/2,7"</option> <option value="6.05">1/2,8"</option> <option selected="" value="5.64">1/3"</option> <option value="4.23">1/4"</option> </select></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Фокусное расстояние объектива (мм):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p><input style="width:44px" maxlength="5" size="5" name="focus" value="3.60" type="text"></p> </td> </tr> <tr> <td colspan="6"><img alt="" width="624" height="15" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по горизонтали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_gor" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по вертикали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_vert" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по диагонали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_diag" type="text"></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-left: 40px">Разрешение матрицы видеокамеры:</p> </td> <td> <p>1080 Твл</p> </td> <td> <p>700 Твл</p> </td> <td> <p>560 Твл</p> </td> <td> <p>480 Твл</p> </td> <td height="25"> <p>380 Твл</p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция обнаружения объекта (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция распознавания (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция идентификации (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_380" type="text"></p> </td> </tr> <tr> <td height="35" colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td height="35" colspan="6"> <p align="center" style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input type="button" onclick="calcangle(this.form)" style="font-family: Arial; color: #000000" value=" Расчёт "> <input type="reset" style="font-family: Arial; color: #000000; margin-left: 0pt; margin-right: 0pt" value=" Сброс "></p> </td> </tr> </tbody> </table> </form>
#4
Отправлено 18 Март 2014 - 02:48
MikDark (17 Март 2014 - 08:25) писал:
<form name="angle"> <table cellspacing="0" cellpadding="0" width="634" bgcolor="#CCCCCC"> <tbody> <tr> <td bgcolor="#434343" height="25" colspan="6"> <p align="center"><script language="JavaScript" type="text/javascript"> function calcangle(){ var form = document.angle; var Precision=5; var m = form.maxdiagonal.selectedIndex var sd = form.maxdiagonal.options[m].value; var sg = "" var sv = "" if (form.format[0].checked) { if (sd == 4.23) sg = 3.39, sv = 2.54; if (sd == 5.64) sg = 4.52, sv = 3.39; if (sd == 6.05) sg = 4.84, sv = 3.63; if (sd == 6.27) sg = 5.02, sv = 3.76; if (sd == 6.77) sg = 5.42, sv = 4.06; if (sd == 8.47) sg = 6.77, sv = 5.08; if (sd == 11.28) sg = 9.04, sv = 6.78; if (sd == 16.93) sg = 13.54, sv = 10.16; } else { if (sd == 4.23) sg = 3.69, sv = 2.08; if (sd == 5.64) sg = 4.92, sv = 2.77; if (sd == 6.05) sg = 5.27, sv = 2.96; if (sd == 6.27) sg = 5.47, sv = 3.07; if (sd == 6.77) sg = 5.90, sv = 3.32; if (sd == 8.47) sg = 7.38, sv = 4.15; if (sd == 11.28) sg = 9.84, sv = 5.54; if (sd == 16.93) sg = 14.76, sv = 8.30; } var f = form.focus.value; if ((f < 1) || (isNaN(f))) { alert('Фокусное расстояние не может быть отрицательным или 0.'); return(0); } var result_gor = 114.5915 * (Math.atan(sg / (2 * f))); var result_vert = 114.5915 * (Math.atan(sv / (2 * f))); var result_diag = 114.5915 * (Math.atan(sd / (2 * f))); var result_ob_380 = (1000 / (sv / 19)) * (f /1000); var result_ras_380 = (1000 / (sv / 3.8)) * (f /1000); var result_id_380 = (1000 / (sv / 1.52)) * (f /1000); form.result_gor.value = result_gor.toPrecision(Precision); form.result_vert.value = result_vert.toPrecision(Precision); form.result_diag.value = result_diag.toPrecision(Precision); form.result_ob_380.value = result_ob_380.toPrecision(Precision); form.result_ras_380.value = result_ras_380.toPrecision(Precision); form.result_id_380.value = result_id_380.toPrecision(Precision); form.result_ob_480.value = (1.263 * result_ob_380).toPrecision(Precision); form.result_ras_480.value = (1.263 * result_ras_380).toPrecision(Precision); form.result_id_480.value = (1.263 * result_id_380).toPrecision(Precision); form.result_ob_560.value = (1.473 * result_ob_380).toPrecision(Precision); form.result_ras_560.value = (1.473 * result_ras_380).toPrecision(Precision); form.result_id_560.value = (1.473 * result_id_380).toPrecision(Precision); form.result_ob_700.value = (1.842 * result_ob_380).toPrecision(Precision); form.result_ras_700.value = (1.842 * result_ras_380).toPrecision(Precision); form.result_id_700.value = (1.842 * result_id_380).toPrecision(Precision); form.result_ob_1080.value = (2.842 * result_ob_380).toPrecision(Precision); form.result_ras_1080.value = (2.842 * result_ras_380).toPrecision(Precision); form.result_id_1080.value = (2.842 * result_id_380).toPrecision(Precision); return true; } </script><a name="angle"></a><strong><font color="white">Расчёт угла обзора видеокамеры</font></strong></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td width="300"> <p style="margin-right: 0pt; margin-left: 40px">Формат матрицы видеокамеры (мм):</p> </td> <td> </td> <td> </td> <td><input type="radio" name="format" checked="">4:3</td> <td> <p><input type="radio" name="format">16:9</p> </td> <td> <p><select name="maxdiagonal" size="1"> <option value="16.93">1"</option> <option value="11.28">2/3"</option> <option value="8.47">1/2"</option> <option value="6.77">1/2,5"</option> <option value="6.27">1/2,7"</option> <option value="6.05">1/2,8"</option> <option selected="" value="5.64">1/3"</option> <option value="4.23">1/4"</option> </select></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Фокусное расстояние объектива (мм):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p><input style="width:44px" maxlength="5" size="5" name="focus" value="3.60" type="text"></p> </td> </tr> <tr> <td colspan="6"><img alt="" width="624" height="15" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по горизонтали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_gor" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по вертикали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_vert" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по диагонали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_diag" type="text"></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-left: 40px">Разрешение матрицы видеокамеры:</p> </td> <td> <p>1080 Твл</p> </td> <td> <p>700 Твл</p> </td> <td> <p>560 Твл</p> </td> <td> <p>480 Твл</p> </td> <td height="25"> <p>380 Твл</p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция обнаружения объекта (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция распознавания (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция идентификации (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_380" type="text"></p> </td> </tr> <tr> <td height="35" colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td height="35" colspan="6"> <p align="center" style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input type="button" onclick="calcangle(this.form)" style="font-family: Arial; color: #000000" value=" Расчёт "> <input type="reset" style="font-family: Arial; color: #000000; margin-left: 0pt; margin-right: 0pt" value=" Сброс "></p> </td> </tr> </tbody> </table> </form>
Рисунок:
Почему-то все как-то вниз уползло. На сайте это в статьях расположено, можете посмотреть.
А вот в админке почему-то он нормально выглядит:
Поможете поправить?
Может это мои настройки таблиц с этим что-то творят.. А вообще - крутяк. Особенно если настроим как надо..
Успеваю заскринить на одну секунду до того пока таблица вниз не раскрывается-не уползает:
Сообщение отредактировал Andrew S.: 18 Март 2014 - 02:53
#5
Отправлено 18 Март 2014 - 03:24
<tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr>
#7
Отправлено 18 Март 2014 - 08:06
Alexey11 (17 Март 2014 - 08:24) писал:
<div onclick="$('#spoil').toggle(); return(false);" style="cursor: pointer;"> <p><strong>текст</strong><br /> <br /> </p> </div> <div id="spoil" style="display: none;"> <p>текст при нажатии</p> </div>
И скажите, как этот спойлер тут вставлять? Я имею ввиду на форуме. Что нажимать сначала? Напрямую не получается тут вставить..
MikDark (17 Март 2014 - 08:25) писал:
<form name="angle"> <table cellspacing="0" cellpadding="0" width="634" bgcolor="#CCCCCC"> <tbody> <tr> <td bgcolor="#434343" height="25" colspan="6"> <p align="center"><script language="JavaScript" type="text/javascript"> function calcangle(){ var form = document.angle; var Precision=5; var m = form.maxdiagonal.selectedIndex var sd = form.maxdiagonal.options[m].value; var sg = "" var sv = "" if (form.format[0].checked) { if (sd == 4.23) sg = 3.39, sv = 2.54; if (sd == 5.64) sg = 4.52, sv = 3.39; if (sd == 6.05) sg = 4.84, sv = 3.63; if (sd == 6.27) sg = 5.02, sv = 3.76; if (sd == 6.77) sg = 5.42, sv = 4.06; if (sd == 8.47) sg = 6.77, sv = 5.08; if (sd == 11.28) sg = 9.04, sv = 6.78; if (sd == 16.93) sg = 13.54, sv = 10.16; } else { if (sd == 4.23) sg = 3.69, sv = 2.08; if (sd == 5.64) sg = 4.92, sv = 2.77; if (sd == 6.05) sg = 5.27, sv = 2.96; if (sd == 6.27) sg = 5.47, sv = 3.07; if (sd == 6.77) sg = 5.90, sv = 3.32; if (sd == 8.47) sg = 7.38, sv = 4.15; if (sd == 11.28) sg = 9.84, sv = 5.54; if (sd == 16.93) sg = 14.76, sv = 8.30; } var f = form.focus.value; if ((f < 1) || (isNaN(f))) { alert('Фокусное расстояние не может быть отрицательным или 0.'); return(0); } var result_gor = 114.5915 * (Math.atan(sg / (2 * f))); var result_vert = 114.5915 * (Math.atan(sv / (2 * f))); var result_diag = 114.5915 * (Math.atan(sd / (2 * f))); var result_ob_380 = (1000 / (sv / 19)) * (f /1000); var result_ras_380 = (1000 / (sv / 3.8)) * (f /1000); var result_id_380 = (1000 / (sv / 1.52)) * (f /1000); form.result_gor.value = result_gor.toPrecision(Precision); form.result_vert.value = result_vert.toPrecision(Precision); form.result_diag.value = result_diag.toPrecision(Precision); form.result_ob_380.value = result_ob_380.toPrecision(Precision); form.result_ras_380.value = result_ras_380.toPrecision(Precision); form.result_id_380.value = result_id_380.toPrecision(Precision); form.result_ob_480.value = (1.263 * result_ob_380).toPrecision(Precision); form.result_ras_480.value = (1.263 * result_ras_380).toPrecision(Precision); form.result_id_480.value = (1.263 * result_id_380).toPrecision(Precision); form.result_ob_560.value = (1.473 * result_ob_380).toPrecision(Precision); form.result_ras_560.value = (1.473 * result_ras_380).toPrecision(Precision); form.result_id_560.value = (1.473 * result_id_380).toPrecision(Precision); form.result_ob_700.value = (1.842 * result_ob_380).toPrecision(Precision); form.result_ras_700.value = (1.842 * result_ras_380).toPrecision(Precision); form.result_id_700.value = (1.842 * result_id_380).toPrecision(Precision); form.result_ob_1080.value = (2.842 * result_ob_380).toPrecision(Precision); form.result_ras_1080.value = (2.842 * result_ras_380).toPrecision(Precision); form.result_id_1080.value = (2.842 * result_id_380).toPrecision(Precision); return true; } </script><a name="angle"></a><strong><font color="white">Расчёт угла обзора видеокамеры</font></strong></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td width="300"> <p style="margin-right: 0pt; margin-left: 40px">Формат матрицы видеокамеры (мм):</p> </td> <td> </td> <td> </td> <td><input type="radio" name="format" checked="">4:3</td> <td> <p><input type="radio" name="format">16:9</p> </td> <td> <p><select name="maxdiagonal" size="1"> <option value="16.93">1"</option> <option value="11.28">2/3"</option> <option value="8.47">1/2"</option> <option value="6.77">1/2,5"</option> <option value="6.27">1/2,7"</option> <option value="6.05">1/2,8"</option> <option selected="" value="5.64">1/3"</option> <option value="4.23">1/4"</option> </select></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Фокусное расстояние объектива (мм):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p><input style="width:44px" maxlength="5" size="5" name="focus" value="3.60" type="text"></p> </td> </tr> <tr> <td colspan="6"><img alt="" width="624" height="15" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по горизонтали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_gor" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по вертикали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_vert" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Угол обзора объектива по диагонали (гр):</p> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_diag" type="text"></p> </td> </tr> <tr> <td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td> <p style="margin-left: 40px">Разрешение матрицы видеокамеры:</p> </td> <td> <p>1080 Твл</p> </td> <td> <p>700 Твл</p> </td> <td> <p>560 Твл</p> </td> <td> <p>480 Твл</p> </td> <td height="25"> <p>380 Твл</p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция обнаружения объекта (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ob_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция распознавания (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_ras_380" type="text"></p> </td> </tr> <tr> <td> <p style="margin-right: 0pt; margin-left: 40px">Дистанция идентификации (м):</p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_1080" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_700" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_560" type="text"></p> </td> <td> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_480" type="text"></p> </td> <td height="25"> <p style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input style="width:44px" maxlength="5" size="5" name="result_id_380" type="text"></p> </td> </tr> <tr> <td height="35" colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td height="35" colspan="6"> <p align="center" style="line-height: 100%; margin-top: 0pt; margin-bottom: 0pt"><input type="button" onclick="calcangle(this.form)" style="font-family: Arial; color: #000000" value=" Расчёт "> <input type="reset" style="font-family: Arial; color: #000000; margin-left: 0pt; margin-right: 0pt" value=" Сброс "></p> </td> </tr> </tbody> </table> </form>
Как научусь вставлять спойлер - хочу попросить еще 2 калькулятора вставить, очень нужны для работы и для наращивания PR.
#8
Отправлено 19 Март 2014 - 09:09
#10
Отправлено 19 Март 2014 - 13:15
Taisia (19 Март 2014 - 11:09) писал:
если на форуме то
смотрите скриншот
Screenshot_1.png
#13
Отправлено 20 Март 2014 - 12:59
Andrew S. (20 Март 2014 - 12:41) писал:
Вот. Как это вы делаете? Может я сам могу научиться?
Попробуйте вставить:
<table cellspacing="0" cellpadding="0" bgcolor="#CCCCCC" width="634" class="calc"> <tbody> <tr> <td bgcolor="#474747" height="25" align="center"><strong><font color="white">Расчёт питания системы видеонаблюдения</font></strong></td> </tr> <tr> <td height="25"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td align="center"> <table cellspacing="0" cellpadding="0" width="598" id="myTable"> <tbody> <tr> <td width="111"> <p style="text-align: left; margin-left: 12px">Марка кабеля</p> </td> <td width="91"> <p style="text-align: left; margin-left: 17px">Сечение</p> </td> <td width="73"> <p style="text-align: left; margin-left: 10px">Длина</p> </td> <td width="78"> <p style="text-align: left; margin-left: 15px">Ток</p> </td> <td width="78"> <p style="text-align: left">Затухание</p> </td> <td width="133" colspan="2"> <p style="text-align: left; margin-left: 6px;">Напряж. на нагрузке</p> </td> <td width="34"> <p style="text-align: center">Удал.</p> </td> </tr> <tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk.jpg);">Тв1</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв2</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв3</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв4</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr></tbody> </table> <table cellspacing="0" cellpadding="0" width="598" id="result"> <tbody> <tr> <td colspan="2"> <p style="text-align: left; margin-left: 4px">Источник питания</p> </td> <td> <p style="text-align: left; margin-left: 17px">Ток</p> </td> <td colspan="2"> <p style="text-align: left">Температура</p> </td> <td width="69"> <p> </p> </td> <td background="files/image/vid/vk_2.jpg"> <p> </p> </td> <td> <p> </p> </td> </tr> <tr> <td background="files/image/vid/is_p.jpg" width="111"> <p> </p> </td> <td width="91"> <p><input type="text" oninput="getU()" value="12" id="voltage" size="5"> В</p> </td> <td width="73"> <p><input type="text" disabled="disabled" size="5" id="tok"> А</p> </td> <td width="78"> <p><input type="text" oninput="getU()" id="temperature" size="5"> °С</p> </td> <td background="files/image/vid/vk_4.jpg" width="78"> <p> </p> </td> <td background="files/image/vid/vk_4.jpg" width="73"> <p> </p> </td> <td background="files/image/vid/vk_3.jpg" width="60" height="29"> <p> </p> </td> <td width="34"> <p> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> <tbody> <tr> <td><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td height="35" align="center"> <p><input type="button" onclick="delRow();return false;" id="btn1" value="Удалить"> <input type="button" onclick="addRow('myTable');return false;" id="btn" value="Добавить"> <input type="reset" value=" Сброс " name="reset"> <script src="themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script><script> function addRow(id){ doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; var tbody = document.getElementById (id).getElementsByTagName("tbody")[0]; var row = document.createElement("tr") var td1 = document.createElement("td") td1.width="111" var sel1=document.createElement("select") sel1.setAttribute("onChange", "receiveSection(this)") sel1.size="1" for (var i=0; i<kabelMarka.length; i += 2){ var newOpt = new Option(kabelMarka[i], kabelMarka[i]); sel1.options.add(newOpt); } td1.appendChild(sel1); var td2 = document.createElement("td") td2.width="91" var sel2=document.createElement("select") sel2.size="1" sel2.setAttribute("onChange", "receiveSection(this)") for (var i=0; i<R.length; i += 2){ var newOpt = new Option(''+R[i]+ ' мм', R[i]); sel2.options.add(newOpt); } td2.appendChild (sel2) var td3 = document.createElement("td") td3.width="73" var inp1=td3.appendChild (document.createElement("input")) inp1.type="text" inp1.size="5" inp1.onkeyup=function() {receiveSection(this)} var text1=td3.appendChild (document.createTextNode(" м")) var td4 = document.createElement("td") td4.width="78" var inp2=td4.appendChild (document.createElement("input")) inp2.type="text" inp2.size="5" inp2.onkeyup=function() {receiveSection(this)} var text2=td4.appendChild (document.createTextNode(" мА")) var td5 = document.createElement("td") td5.width="78" var inp3=td5.appendChild (document.createElement("input")) inp3.type="text" inp3.size="5" inp3.disabled="disabled" var text3=td5.appendChild (document.createTextNode(" дБ")) var td6 = document.createElement("td") td6.width="73" var inp4=td6.appendChild (document.createElement("input")) inp4.type="text" inp4.size="5" inp4.disabled="disabled" var text4=td6.appendChild (document.createTextNode(" В")) var td7 = (document.createElement("td")) td7.width="60" td7.height="29" td7.style.textAlign="center" if (colstr==1) { td7.style.backgroundImage="url(files/image/vid/vk.jpg)" } else { td7.style.backgroundImage="url(files/image/vid/vk_1.jpg)" } var text5=td7.appendChild (document.createTextNode("Тв" + colstr)) var td8 = document.createElement("td") td8.width="34" td8.align="center" var inp5 = document.createElement("input"); inp5.type="checkbox" inp5.id="del" row.appendChild(td1); row.appendChild(td2); row.appendChild(td3); row.appendChild(td4); row.appendChild(td5); row.appendChild(td6); row.appendChild(td7); td8.appendChild(inp5); row.appendChild(td8); tbody.appendChild(row); receiveSection(allstr[colstr].childNodes[0].childNodes[0]) } function delRow(){ doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; for (var i= colstr-1; i>0; --i) { if (allstr[i].getElementsByTagName("input")[4].checked){ allstr[i].parentNode.removeChild(allstr[i]); } } pereschet() getTok() } function pereschet() { var newdoc=document.getElementById('myTable') var newallstr=newdoc.rows; var newcolstr=newallstr.length; for (j=1; j<newcolstr; ++j) { newallstr[j].childNodes[6].innerHTML="Тв" + j } newallstr[1].childNodes[6].style.backgroundImage="url(files/image/vid/vk.jpg)" } function find(array, value) { if (array.indexOf) { // если метод существует return array.indexOf(value); }; for(var i=0; i<array.length; ++i) { if (array[i] === value) return i; }; return -1; }; function proverka(kab){ if ((kab.type=="text") && isNaN(kab.value)) { var otkat=""+kab.value; var dlina=otkat.length; alert("Некорректно введенный символ"); kab.value=+otkat.substr(0, dlina-1) }; } function receiveSection(kab) { proverka(kab); var str=kab.parentNode.parentNode; str.getElementsByTagName("input")[2].value = kabelMarka[1+find(kabelMarka, str.getElementsByTagName("select")[0].value)]*str.getElementsByTagName("input")[0].value var sopr = 2*R[1+find(R, +str.getElementsByTagName("select")[1].value)]*str.getElementsByTagName("input")[0].value*(1+(0.00428*(document.getElementById('temperature').value-20))) var rez= document.getElementById('voltage').value-str.getElementsByTagName("input")[1].value*sopr/1000; if (rez > 0) { str.getElementsByTagName("input")[3].value = Math.ceil(rez*100)/100; getTok() } else { if (document.getElementById('voltage').value==0) { if (str.getElementsByTagName("input")[1].value>0) { alert ("Заполните значение напряжения источника питания") getTok(); } } else { alert("Максимальный ток в данных условиях должен быть меньше " + document.getElementById('voltage').value/sopr); str.getElementsByTagName("input")[1].value = 0; str.getElementsByTagName("input")[3].value = 0; getTok(); } } } function getTok() { doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; var t=0; for (var i=1; i<colstr; ++i) {t=t+(+allstr[i].childNodes[3].childNodes[0].value)} document.getElementById('tok').value=t/1000 } function getU() { proverka(document.getElementById('voltage')); proverka(document.getElementById('temperature')); doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; for (var i=1; i<colstr; ++i) { receiveSection(allstr[i].childNodes[5].childNodes[0]) } } var doc; var allstr; var colstr; var newcolstr; var secheniy='<option value="0.35">0.35 мм²</option><option value="0.50">0.50 мм²</option><option value="0.75">0.75 мм²</option><option value="1.00">1.00 мм²</option><option value="1.50">1.50 мм²</option>'; var R=[0.35, 0.04914, 0.5, 0.0344, 0.75, 0.0258, 1, 0.0172, 1.5, 0.011467] for (var i=1; i<5; ++i) { addRow('myTable') } document.getElementById('temperature').value=35 </script></p> </td> </tr> </tbody> </table>
Нужны знания по html и желательно javascript. В браузере Chrome выделяем какой-либо элемент калькулятора и нажимаем F12. Там в коде уже идем сам калькулятор и скрипт-обработчик.
#14
Отправлено 20 Март 2014 - 13:19
MikDark (20 Март 2014 - 12:59) писал:
<table cellspacing="0" cellpadding="0" bgcolor="#CCCCCC" width="634" class="calc"> <tbody> <tr> <td bgcolor="#474747" height="25" align="center"><strong><font color="white">Расчёт питания системы видеонаблюдения</font></strong></td> </tr> <tr> <td height="25"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td align="center"> <table cellspacing="0" cellpadding="0" width="598" id="myTable"> <tbody> <tr> <td width="111"> <p style="text-align: left; margin-left: 12px">Марка кабеля</p> </td> <td width="91"> <p style="text-align: left; margin-left: 17px">Сечение</p> </td> <td width="73"> <p style="text-align: left; margin-left: 10px">Длина</p> </td> <td width="78"> <p style="text-align: left; margin-left: 15px">Ток</p> </td> <td width="78"> <p style="text-align: left">Затухание</p> </td> <td width="133" colspan="2"> <p style="text-align: left; margin-left: 6px;">Напряж. на нагрузке</p> </td> <td width="34"> <p style="text-align: center">Удал.</p> </td> </tr> <tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk.jpg);">Тв1</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв2</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв3</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr><tr><td width="111"><select onchange="receiveSection(this)" size="1"><option value="РK75-2-11">РK75-2-11</option><option value="РK75-2-12">РK75-2-12</option><option value="РK75-2-13">РK75-2-13</option><option value="РK75-2-21">РK75-2-21</option><option value="РK75-2-22">РK75-2-22</option><option value="РK75-3-13">РK75-3-13</option><option value="РK75-3-21">РK75-3-21</option><option value="РK75-3-22">РK75-3-22</option><option value="РK75-3-31">РK75-3-31</option><option value="РK75-3-32">РK75-3-32</option><option value="РК75-3.7-351">РК75-3.7-351</option><option value="РК75-3.7-36">РК75-3.7-36</option><option value="РK75-4-11С">РK75-4-11С</option><option value="РK75-4-11">РK75-4-11</option><option value="РK75-4-12">РK75-4-12</option><option value="РK75-4-12С">РK75-4-12С</option><option value="РK75-4-13">РK75-4-13</option><option value="РK75-4-14">РK75-4-14</option><option value="РK75-4-15">РK75-4-15</option><option value="РK75-4-16">РK75-4-16</option><option value="РK75-4-18">РK75-4-18</option><option value="РK75-4-21">РK75-4-21</option><option value="РK75-4-22">РK75-4-22</option><option value="РK75-4-110">РK75-4-110</option><option value="РK75-4-43">РK75-4-43</option><option value="РK50-4-111">РK50-4-111</option><option value="РK75-4-112">РK75-4-112</option><option value="РK75-4-37">РK75-4-37</option><option value="РК75-4-351">РК75-4-351</option></select></td><td width="91"><select size="1" onchange="receiveSection(this)"><option value="0.35">0.35 мм</option><option value="0.5">0.5 мм</option><option value="0.75">0.75 мм</option><option value="1">1 мм</option><option value="1.5">1.5 мм</option></select></td><td width="73"><input type="text" size="5"> м</td><td width="78"><input type="text" size="5"> мА</td><td width="78"><input type="text" size="5" disabled=""> дБ</td><td width="73"><input type="text" size="5" disabled=""> В</td><td width="60" height="29" style="text-align: center; background-image: url(http://www.ivtechno.ru/files/image/vid/vk_1.jpg);">Тв4</td><td width="34" align="center"><input type="checkbox" id="del"></td></tr></tbody> </table> <table cellspacing="0" cellpadding="0" width="598" id="result"> <tbody> <tr> <td colspan="2"> <p style="text-align: left; margin-left: 4px">Источник питания</p> </td> <td> <p style="text-align: left; margin-left: 17px">Ток</p> </td> <td colspan="2"> <p style="text-align: left">Температура</p> </td> <td width="69"> <p> </p> </td> <td background="files/image/vid/vk_2.jpg"> <p> </p> </td> <td> <p> </p> </td> </tr> <tr> <td background="files/image/vid/is_p.jpg" width="111"> <p> </p> </td> <td width="91"> <p><input type="text" oninput="getU()" value="12" id="voltage" size="5"> В</p> </td> <td width="73"> <p><input type="text" disabled="disabled" size="5" id="tok"> А</p> </td> <td width="78"> <p><input type="text" oninput="getU()" id="temperature" size="5"> °С</p> </td> <td background="files/image/vid/vk_4.jpg" width="78"> <p> </p> </td> <td background="files/image/vid/vk_4.jpg" width="73"> <p> </p> </td> <td background="files/image/vid/vk_3.jpg" width="60" height="29"> <p> </p> </td> <td width="34"> <p> </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> <tbody> <tr> <td><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td> </tr> <tr> <td height="35" align="center"> <p><input type="button" onclick="delRow();return false;" id="btn1" value="Удалить"> <input type="button" onclick="addRow('myTable');return false;" id="btn" value="Добавить"> <input type="reset" value=" Сброс " name="reset"> <script src="themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script><script> function addRow(id){ doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; var tbody = document.getElementById (id).getElementsByTagName("tbody")[0]; var row = document.createElement("tr") var td1 = document.createElement("td") td1.width="111" var sel1=document.createElement("select") sel1.setAttribute("onChange", "receiveSection(this)") sel1.size="1" for (var i=0; i<kabelMarka.length; i += 2){ var newOpt = new Option(kabelMarka[i], kabelMarka[i]); sel1.options.add(newOpt); } td1.appendChild(sel1); var td2 = document.createElement("td") td2.width="91" var sel2=document.createElement("select") sel2.size="1" sel2.setAttribute("onChange", "receiveSection(this)") for (var i=0; i<R.length; i += 2){ var newOpt = new Option(''+R[i]+ ' мм', R[i]); sel2.options.add(newOpt); } td2.appendChild (sel2) var td3 = document.createElement("td") td3.width="73" var inp1=td3.appendChild (document.createElement("input")) inp1.type="text" inp1.size="5" inp1.onkeyup=function() {receiveSection(this)} var text1=td3.appendChild (document.createTextNode(" м")) var td4 = document.createElement("td") td4.width="78" var inp2=td4.appendChild (document.createElement("input")) inp2.type="text" inp2.size="5" inp2.onkeyup=function() {receiveSection(this)} var text2=td4.appendChild (document.createTextNode(" мА")) var td5 = document.createElement("td") td5.width="78" var inp3=td5.appendChild (document.createElement("input")) inp3.type="text" inp3.size="5" inp3.disabled="disabled" var text3=td5.appendChild (document.createTextNode(" дБ")) var td6 = document.createElement("td") td6.width="73" var inp4=td6.appendChild (document.createElement("input")) inp4.type="text" inp4.size="5" inp4.disabled="disabled" var text4=td6.appendChild (document.createTextNode(" В")) var td7 = (document.createElement("td")) td7.width="60" td7.height="29" td7.style.textAlign="center" if (colstr==1) { td7.style.backgroundImage="url(files/image/vid/vk.jpg)" } else { td7.style.backgroundImage="url(files/image/vid/vk_1.jpg)" } var text5=td7.appendChild (document.createTextNode("Тв" + colstr)) var td8 = document.createElement("td") td8.width="34" td8.align="center" var inp5 = document.createElement("input"); inp5.type="checkbox" inp5.id="del" row.appendChild(td1); row.appendChild(td2); row.appendChild(td3); row.appendChild(td4); row.appendChild(td5); row.appendChild(td6); row.appendChild(td7); td8.appendChild(inp5); row.appendChild(td8); tbody.appendChild(row); receiveSection(allstr[colstr].childNodes[0].childNodes[0]) } function delRow(){ doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; for (var i= colstr-1; i>0; --i) { if (allstr[i].getElementsByTagName("input")[4].checked){ allstr[i].parentNode.removeChild(allstr[i]); } } pereschet() getTok() } function pereschet() { var newdoc=document.getElementById('myTable') var newallstr=newdoc.rows; var newcolstr=newallstr.length; for (j=1; j<newcolstr; ++j) { newallstr[j].childNodes[6].innerHTML="Тв" + j } newallstr[1].childNodes[6].style.backgroundImage="url(files/image/vid/vk.jpg)" } function find(array, value) { if (array.indexOf) { // если метод существует return array.indexOf(value); }; for(var i=0; i<array.length; ++i) { if (array[i] === value) return i; }; return -1; }; function proverka(kab){ if ((kab.type=="text") && isNaN(kab.value)) { var otkat=""+kab.value; var dlina=otkat.length; alert("Некорректно введенный символ"); kab.value=+otkat.substr(0, dlina-1) }; } function receiveSection(kab) { proverka(kab); var str=kab.parentNode.parentNode; str.getElementsByTagName("input")[2].value = kabelMarka[1+find(kabelMarka, str.getElementsByTagName("select")[0].value)]*str.getElementsByTagName("input")[0].value var sopr = 2*R[1+find(R, +str.getElementsByTagName("select")[1].value)]*str.getElementsByTagName("input")[0].value*(1+(0.00428*(document.getElementById('temperature').value-20))) var rez= document.getElementById('voltage').value-str.getElementsByTagName("input")[1].value*sopr/1000; if (rez > 0) { str.getElementsByTagName("input")[3].value = Math.ceil(rez*100)/100; getTok() } else { if (document.getElementById('voltage').value==0) { if (str.getElementsByTagName("input")[1].value>0) { alert ("Заполните значение напряжения источника питания") getTok(); } } else { alert("Максимальный ток в данных условиях должен быть меньше " + document.getElementById('voltage').value/sopr); str.getElementsByTagName("input")[1].value = 0; str.getElementsByTagName("input")[3].value = 0; getTok(); } } } function getTok() { doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; var t=0; for (var i=1; i<colstr; ++i) {t=t+(+allstr[i].childNodes[3].childNodes[0].value)} document.getElementById('tok').value=t/1000 } function getU() { proverka(document.getElementById('voltage')); proverka(document.getElementById('temperature')); doc=document.getElementById('myTable') allstr=doc.rows; colstr=allstr.length; for (var i=1; i<colstr; ++i) { receiveSection(allstr[i].childNodes[5].childNodes[0]) } } var doc; var allstr; var colstr; var newcolstr; var secheniy='<option value="0.35">0.35 мм²</option><option value="0.50">0.50 мм²</option><option value="0.75">0.75 мм²</option><option value="1.00">1.00 мм²</option><option value="1.50">1.50 мм²</option>'; var R=[0.35, 0.04914, 0.5, 0.0344, 0.75, 0.0258, 1, 0.0172, 1.5, 0.011467] for (var i=1; i<5; ++i) { addRow('myTable') } document.getElementById('temperature').value=35 </script></p> </td> </tr> </tbody> </table>
Нужны знания по html и желательно javascript. В браузере Chrome выделяем какой-либо элемент калькулятора и нажимаем F12. Там в коде уже идем сам калькулятор и скрипт-обработчик.
I have a problem..
Две полоски там вставил по аналогии как раньше. А вот что там еще такое.... И 1 JS-ошибка на сайте, хром красную табличку выдал..
#15
Отправлено 20 Март 2014 - 13:22
Andrew S. (20 Март 2014 - 13:19) писал:
Две полоски там вставил по аналогии как раньше. А вот что там еще такое.... И 1 JS-ошибка на сайте, хром красную табличку выдал..
Добавьте в шаблон стилей:
table.calc { background-color: #cccccc; } .calc input[type=text]{ width:40px !important; }
#17
Отправлено 20 Март 2014 - 13:32
Andrew S. (20 Март 2014 - 13:28) писал:
Сейчас решим поэтапно.
В коде есть строка
<script src="themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
замените ее на
<script src="http://www.***.ru/themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
#18
Отправлено 20 Март 2014 - 13:35
MikDark (20 Март 2014 - 13:32) писал:
В коде есть строка
<script src="themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
замените ее на
<script src="http://www.***.ru/themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
#19
Отправлено 20 Март 2014 - 13:38
#20
Отправлено 20 Март 2014 - 13:47
MikDark (20 Март 2014 - 13:38) писал:
MikDark (20 Март 2014 - 13:32) писал:
В коде есть строка
<script src="themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
замените ее на
<script src="http://www.***.ru/themes/default/js/forSelect.js" type="text/javascript" charset="windows-1251"></script>
Я малость упростил калькулятор.. Убрал рисунки всякие и лишние ячейки..
Сообщение отредактировал Andrew S.: 20 Март 2014 - 13:56
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных