Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Встроить В Сайт Онлайн-Калькулятор

Автор Andrew S., 17 марта 2014 08:16

Авторизуйтесь для ответа в теме

Сообщений в теме: 70

#1 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 17 Март 2014 - 08:16

Здравствуйте.

Подскажите, как можно встроить вот такой онлайн-калькулятор на свой сайт? Что это они использовали в качестве калькулятора?

Нашел такой на двух сайтах:
Ссылка удалена
Ссылка удалена

Оберните, пожалуйста, эти две ссылки в скрытый текст! И научите как делать этот скрытый текст.

Есть еще вот такой:
Ссылка удалена

Тоже нужен ((( Тоже, оберните, пожалуйста, в скрытый текст.

Наверх

#2 Alexey11

Активный участник

Модератоpы
1 057 сообщений

ГородНижний новгород

Отправлено 17 Март 2014 - 08:24

Andrew S. (17 Март 2014 - 08:16) писал:

Здравствуйте.

Подскажите, как можно встроить вот такой онлайн-калькулятор на свой сайт? Что это они использовали в качестве калькулятора?

Нашел такой на двух сайтах:

Оберните, пожалуйста, эти две ссылки в скрытый текст! И научите как делать этот скрытый текст.

Есть еще вот такой:

Тоже нужен ((( Тоже, оберните, пожалуйста, в скрытый текст.

Код спойлера выглядит так:

<div onclick="$('#spoil').toggle(); return(false);" style="cursor: pointer;">
<p><strong>текст</strong><br />
<br />
&nbsp;</p>
</div>

<div id="spoil" style="display: none;">
<p>текст при нажатии</p>
</div>

Наверх

#3 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 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>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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">Дистанция обнаружения&nbsp;объекта (м):</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">Дистанция идентификации&nbsp;(м):</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="&nbsp;Сброс&nbsp;"></p>
			 </td>
		 </tr>
	 </tbody>
</table>
</form>

Наверх

#4 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 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>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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">Дистанция обнаружения&nbsp;объекта (м):</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">Дистанция идентификации&nbsp;(м):</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="&nbsp;Сброс&nbsp;"></p>
			 </td>
		 </tr>
	 </tbody>
</table>
</form>

Штука, вообще, работает. Но только на странице это выглядит капец как ))
Рисунок:

Почему-то все как-то вниз уползло. На сайте это в статьях расположено, можете посмотреть.

А вот в админке почему-то он нормально выглядит:

Поможете поправить?

Может это мои настройки таблиц с этим что-то творят.. А вообще - крутяк. Особенно если настроим как надо..

Успеваю заскринить на одну секунду до того пока таблица вниз не раскрывается-не уползает:

Сообщение отредактировал Andrew S.: 18 Март 2014 - 02:53

Наверх

#5 Сake

Активный участник

Модератоpы
5 979 сообщений

Отправлено 18 Март 2014 - 03:24

Вам необходимо удалить из кода калькулятора строки вида

<tr>
	<td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td>
</tr>

Наверх

#6 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 18 Март 2014 - 07:59

Сake (18 Март 2014 - 03:24) писал:

Вам необходимо удалить из кода калькулятора строки вида

<tr>
<td colspan="6"><img width="624" height="15" alt="" src="/files/image/st/pv.gif"></td>
</tr>

Спасибо!

Наверх

#7 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 18 Март 2014 - 08:06

Alexey11 (17 Март 2014 - 08:24) писал:

Код спойлера выглядит так:

<div onclick="$('#spoil').toggle(); return(false);" style="cursor: pointer;">
<p><strong>текст</strong><br />
<br />
&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</td>
			 <td>&nbsp;</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">Дистанция обнаружения&nbsp;объекта (м):</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">Дистанция идентификации&nbsp;(м):</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="&nbsp;Сброс&nbsp;"></p>
			 </td>
		 </tr>
	 </tbody>
</table>
</form>

Удалите, пожалуйста, ссылки в вашем сообщении.

Как научусь вставлять спойлер - хочу попросить еще 2 калькулятора вставить, очень нужны для работы и для наращивания PR.

Наверх

#8 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 19 Март 2014 - 09:09

Как вставлять эти спойлеры?

Наверх

#9 Taisia

Активный участник

Модератоpы
1 289 сообщений

Отправлено 19 Март 2014 - 11:09

уточните вы говорите про спойлеры на форуме или на вашем сайте магазина ?

если на форуме то
смотрите скриншот

Наверх

#10 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 19 Март 2014 - 13:15

Taisia (19 Март 2014 - 11:09) писал:

уточните вы говорите про спойлеры на форуме или на вашем сайте магазина ?

если на форуме то
смотрите скриншот

Прикрепленный файл

Screenshot_1.png

Скрытый текст

Наверх

#11 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 19 Март 2014 - 13:34

Andrew S. (19 Март 2014 - 13:15) писал:

Скрытый текст

Какие калькуляторы вас интересуют, напишите ссылки.

Наверх

#12 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Март 2014 - 12:41

Помогите, пожалуйста, теперь вот этот калькулятор вытащить:

MikDark (19 Март 2014 - 13:34) писал:

Какие калькуляторы вас интересуют, напишите ссылки.

Вот. Как это вы делаете? Может я сам могу научиться?

Наверх

#13 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 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>&nbsp;</p>
							</td>
							<td background="files/image/vid/vk_2.jpg">
							<p>&nbsp;</p>
							</td>
							<td>
							<p>&nbsp;</p>
							</td>
						</tr>
						<tr>
							<td background="files/image/vid/is_p.jpg" width="111">
							<p>&nbsp;</p>
							</td>
							<td width="91">
							<p><input type="text" oninput="getU()" value="12" id="voltage" size="5">&nbsp;В</p>
							</td>
							<td width="73">
							<p><input type="text" disabled="disabled" size="5" id="tok">&nbsp;А</p>
							</td>
							<td width="78">
							<p><input type="text" oninput="getU()" id="temperature" size="5">&nbsp;°С</p>
							</td>
							<td background="files/image/vid/vk_4.jpg" width="78">
							<p>&nbsp;</p>
							</td>
							<td background="files/image/vid/vk_4.jpg" width="73">
							<p>&nbsp;</p>
							</td>
							<td background="files/image/vid/vk_3.jpg" width="60" height="29">
							<p>&nbsp;</p>
							</td>
							<td width="34">
							<p>&nbsp;</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="Удалить">&nbsp;<input type="button" onclick="addRow('myTable');return false;" id="btn" value="Добавить">&nbsp;<input type="reset" value="&nbsp;Сброс&nbsp;" 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 мм&sup2;</option><option value="0.50">0.50 мм&sup2;</option><option value="0.75">0.75 мм&sup2;</option><option value="1.00">1.00 мм&sup2;</option><option value="1.50">1.50 мм&sup2;</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 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 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>&nbsp;</p>
						 </td>
						 <td background="files/image/vid/vk_2.jpg">
						 <p>&nbsp;</p>
						 </td>
						 <td>
						 <p>&nbsp;</p>
						 </td>
					 </tr>
					 <tr>
						 <td background="files/image/vid/is_p.jpg" width="111">
						 <p>&nbsp;</p>
						 </td>
						 <td width="91">
						 <p><input type="text" oninput="getU()" value="12" id="voltage" size="5">&nbsp;В</p>
						 </td>
						 <td width="73">
						 <p><input type="text" disabled="disabled" size="5" id="tok">&nbsp;А</p>
						 </td>
						 <td width="78">
						 <p><input type="text" oninput="getU()" id="temperature" size="5">&nbsp;°С</p>
						 </td>
						 <td background="files/image/vid/vk_4.jpg" width="78">
						 <p>&nbsp;</p>
						 </td>
						 <td background="files/image/vid/vk_4.jpg" width="73">
						 <p>&nbsp;</p>
						 </td>
						 <td background="files/image/vid/vk_3.jpg" width="60" height="29">
						 <p>&nbsp;</p>
						 </td>
						 <td width="34">
						 <p>&nbsp;</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="Удалить">&nbsp;<input type="button" onclick="addRow('myTable');return false;" id="btn" value="Добавить">&nbsp;<input type="reset" value="&nbsp;Сброс&nbsp;" 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 мм&sup2;</option><option value="0.50">0.50 мм&sup2;</option><option value="0.75">0.75 мм&sup2;</option><option value="1.00">1.00 мм&sup2;</option><option value="1.50">1.50 мм&sup2;</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 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 20 Март 2014 - 13:22

Andrew S. (20 Март 2014 - 13:19) писал:

I have a problem..

Скрытый текст

Две полоски там вставил по аналогии как раньше. А вот что там еще такое.... И 1 JS-ошибка на сайте, хром красную табличку выдал..

Добавьте в шаблон стилей:

table.calc {
background-color: #cccccc;
}
.calc input[type=text]{
width:40px !important;
}

Наверх

#16 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 20 Март 2014 - 13:28

MikDark (20 Март 2014 - 13:22) писал:

Добавьте в шаблон стилей:

table.calc {
background-color: #cccccc;
}
.calc input[type=text]{
width:40px !important;
}

Ошибки и ошибки. И калькулятор не считает ничего.. ((

Наверх

#17 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 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 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 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 MikDark

Активный участник

Модераторы
6 468 сообщений

Отправлено 20 Март 2014 - 13:38

Можно скачать и заменить путь к скрипту.

Наверх

#20 Andrew S.

Активный участник

Пользователи
1 382 сообщений

ГородKhabarovsk

Отправлено 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 анонимных

Встроить В Сайт Онлайн-Калькулятор

Количество пользователей, читающих эту тему: 0

Войти

Google поиск