Друзья, всем привет и хорошего настроения!
Столкнулся с проблемкой с WP.
суть такая:
В вукоммерс добавляю товар, в этот товар, мне нужно добавить калькулятор расхода материала, создал таблицу
<div class="catCol2">
<h1>Материал</h1>
<strong>Рассчитать количество материала:</strong>
<table class="calculator">
<tbody>
<tr>
<td colspan="3"><strong><span style="color: #3e446d;">Отверстие прямоугольного сечения</span></strong></td>
</tr>
<tr>
<td>Глубина отверстия, мм</td>
<td></td>
<td><input id="h1d" class="inp" type="text" value="" /></td>
</tr>
<tr>
<td>Ширина отверстия, мм</td>
<td></td>
<td><input id="h1w" class="inp" type="text" value="" /></td>
</tr>
<tr>
<td>Длина отверстия, мм</td>
<td></td>
<td><input id="h1l" class="inp" type="text" value="" /></td>
</tr>
<tr>
<td><strong>Необходимое количество, кг</strong></td>
<td></td>
<td align="center"><input id="res1" class="res" readonly="readonly" type="text" value="" /></td>
</tr>
<tr>
<td colspan="3"><strong><span style="color: #3e446d;">Отверстие круглого сечения</span></strong></td>
</tr>
<tr>
<td>Глубина отверстия, мм</td>
<td></td>
<td><input id="h2d" class="inp" type="text" value="" /></td>
</tr>
<tr>
<td>Диаметр отверстия, мм</td>
<td></td>
<td><input id="h2r" class="inp" type="text" value="" /></td>
</tr>
<tr>
<td><strong>Необходимое количество, кг</strong></td>
<td></td>
<td align="center"><input id="res2" class="res" readonly="readonly" type="text" value="" /></td>
</tr>
</tbody>
</table>
Для уточнения необходимого количества материала воспользуйтесь Инструкцией по применению или обратитесь к сотрудникам отдела продаж.
Стоимость необходимого количества материала зависит от вида его упаковки.
Свяжитесь с представителями отдела продаж, чтобы выбрать подходящие Вам фасовку и способ паллетирования материала.
</div>
И вставляю JS, что бы производился подсчет:
<script type='text/javascript'>
function calculator1() {
d = parseFloat(document.getElementById('h1d').value);
w = parseFloat(document.getElementById('h1w').value);
l = parseFloat(document.getElementById('h1l').value);
document.getElementById('res1').value = isNaN(d) || isNaN(w) || isNaN(l) ? '' : Math.round(d * w * l * parseFloat('0.0000017') * 100) / 100;
}
function calculator2() {
d = parseFloat(document.getElementById('h2d').value);
r = parseFloat(document.getElementById('h2r').value);
document.getElementById('res2').value = isNaN(d) || isNaN(r) ? '' : Math.round(d * r * parseFloat('0.000134') * 100) / 100;
}
</script>
Но проблема в том, что JS не срабатывает :(
Пробовал установить плагин Inline Javascript Plugin
Результата не принесло...
Проблема в том, что планируется примерно 81пазиция, для каждой свой скрипт подсчета, именно поэтому думаю, что вставлять скрипт нужно в материал, но в этом случае, скрипт не работает...
Сложный
