Калькулятор / конструктор форм для Joomla 1.5-3.0

[DelaShop]

Идея разработки универсального компонента  «Формы-калькуляторы»  в котором сочетался функционал калькулятора  Joomla и конструктора форм  Joomla( обратная связь )  появилась после разработки компонента формы обратной связи com_b3v_feedback.  Думая над расширением возможностей, пришла идея сделать так что бы с полями формы помимо отправки на почту можно было бы осуществлять арифметические операции, при этом используя формулу определенную самим пользователем в привычном виде ( арифметические действия любой сложности-вложенности (a+b)*c+a/b ). Но в процессе разработки  возможностей стало больше.
Возможности:
- Создание форм любой сложности
- Шаблонирование форм, писем для отправки, ответных сообщений
- Проверка полей на ввод различные информации (установка требований к поля).  Валидация.
- Вывод подсказок в случай неправильно ввода
- Ввод формул любой сложности,  используя арифметические операции: + , - , * ,  / и скобки. Любая вложеность. Также разрешается использовать любые арифметические орперации  JavaScript (округление, воз веление в степень, больше из двух, аналог if.... Подробно тут http://delajoom.ru/index.php/instrkucija-po-rabote/arifmetika-javascript.).
- Создание неограниченного количества формул в одной форме, где результат одной может быть переменой для другой.
- Расчет результата по формуле без перезагрузки страницы (в режиме онлайн ввода данных, первый расчет происходит автоматом при открытии страницы использую параметры поумолчанию).
- Использование проверки на спамбот, защита при помощи CAPTCHA (CAPТCHA).
- Создание пунктов меню, как на одну форму, так и на список форм. Редактирование последовательности вывода списка форм. При этом можно выборочно выбрать выводить списком все формы или только выбранные. Реализация тут (на примере выводятся только 4 формы из 6).
- Реализована возможность отправки расчетов или форм на емаил посетителю (пользователю)  для предварительного обдумывания.
- Отправка форм и расчетов на все емайлы администраторов указанных в настройках.
- Возможность прикрепления файлов к отправляемым заявкам.  
- Реализована возможность вводить дробные числа не только с точкой (2.5), но и  с запятой (2,5). Буржуйские стандарты (JavaScript) работают  только с точками.

Скачать компонент и все решение можно тут:

http://delajoom.ru/index.php/skachat-komponent-reshenija

Инструкция по настройки и установки тут:

http://delajoom.ru/index.php/instrkucija-po-rabote

Демонстрация  тут:

http://delajoom.ru/index.php/demonstracija-raboty

◦ Пример формы обратной связи
◦ Калькулятор аутсорсинга
◦ Запись на консультацию
◦ Калькулятор утерянной выгоды.
◦ Прокладка кабеля
◦ Калькулятор такси по москве
◦ Калькулятор пластиковых окон онлайн joomla
◦ Калькулятор стоимости сруба
◦ Калькулятор стоимости рольставень
◦ Калькулятор ОСАГО Joomla

Огромное спасибо пользователям, которые своим ратным трудом помогли и помогают выявлять  недостатки и улучшать компонент.

На форум приходит много вопросов - регулярно занимаюсь его чисткой, а некоторые вопросы аккумулирую тут.
Скачать новый компонент и все решения можно тут:
http://delajoom.ru/index.php/skachat-komponent-reshenija

[alexj69]

Только что проверил ваш код у себя на сайте - все работает. Проверьте, что ваш браузер не блокирует скрипты.

[andreytve84]

Chrome, Opera и мозила, ничего не работает, расширения отключал, как заколдованный круг... осталось только новый сайт пробник сделать

[alexj69]

возможно, что идет конфликт скриптов... проверьте, соответствует ли установленный компонент версии Joomla.

[andreytve84]

Блин, я в отчаянии, такой полезный компонент и не могу понять почему не работает, на другом сайте доже мимо. Хотя бы знать где искать, Joomla 1.5 компонент для нее, код говорят в норме, шаблон на атистире, может из-за этого? другие шаблоны пробовал, всё равно мимо, mootools включена, правда в папке не в той как на сайте разработчика у которого компонент работает
это у меня
<script type="text/javascript" src="/plugins/system/mtupgrade/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>
это на сайте где работает
<script type="text/javascript" src="/media/system/js/mootools.js"></script>
  <script type="text/javascript" src="/media/system/js/caption.js"></script>

вот и все различия, помогите разобраться почему не работает

[alexj69]

дайте ссылку на форму

[andreytve84]

в самом низу страницы http://metallvtveri.ru/about2.html

[andreytve84]

у меня ещё компонент chronoform установлен, могут они конфликтовать?

[alexj69]

попробуйте отключить. если не поможет, то попробуйте переустановить компонент (мой файрбаг показывает на ошибку при выполнении сценария в файле formcalc.js

[andreytve84]

chronoform выключил, компонент формы-калькулятор переустановил, нифига, может попробовать версию выше установить от безысходности?

[andreytve84]

щас на скорую руку сделал сайт пустой, установил, работает... ничего не понимаю

[andreytve84]

В любом случае большое спасибо за участие

[andreytve84]

А как сделать чтобы при выборе значения переменной менялось значение другой? Например я выбираю тип трубы у которой цена за метр 500 руб а муфта 20, а у другой трубы метр 400 руб но муфта 40руб. В итоге кол-во метров*тип трубы+шт.муфт*тип муфты   короче говоря, чтобы тип муфты менялся в зависимости от выбора типа трубы

[alexj69]

На сайте есть пример зависимых полей.

[andreytve84]

Простите, может я туплю, дайте ссылку, если не сложно

[alexj69]

http://delajoom.ru/index.php/instrkucija-po-rabote/javascript-v-formah-i-kalkulatorahrrr/41-podchinennyje-select

[andreytve84]

Это не то, хотя штука полезная. У меня трубы по разной стоимости, тут все понятно, метраж на стоимость умножаем. Каждому типу трубы соответствует только один тип муфты со своей стоимостью. Поэтому хотелось бы так, чтоб в форме было поле ввода метража, тип трубы выпадающим списком (тут всё просто) и поле ввода количества муфт и итог

[alexj69]

Делаете в форме поля ввода метража труб (metr) и количества муфт (kMuft). Потом пишем вот такой выбор типа трубы:

Код:

<select name="type" id="type" onchange="f()">
  <option value="" selected>выбирите тип трубы</option>
  <option value="500|6.3">Труба 1</option>
  <option value="600|7.5">Труба 2</option>
  <option value="700|10.5">Труба 3</option>
  <option value="800|17.5">Труба 4</option>
</select>

где 500|6.3 - цена метра трубы и муфты соответственно.

Затем делаете скрытые поля для вывода этих значений:

Код:

<div style="display:none;">
<input id="tTruba" type="text" name="tTruba" value=""> <br/>
<input name="tMufta" id="tMufta" type="text" value="">
</div>

Пишите скрипт:

Код:

<script>
f=(function (){
var type = document.getElementById("type").value;
var value = type.split('|');
document.getElementById("tTruba").value=value[0];
document.getElementById("tMufta").value =value[1];
document.forms['calcForm'].elements['grdnaz'].fireEvent('change');
});
</script>

Формула будет такая:
rez={tTruba}*{metr}+{tMufta}*{kMuft}

[andreytve84]

Большое спасибо, всё работает, добавил ещё несколько зависимых значений, калькулятор теперь выглядит солидно

[alexj69]

Большое спасибо, всё работает, добавил ещё несколько зависимых значений, калькулятор теперь выглядит солидно

Спасибо выражается путем нажатия на плюсик в репутацию)))

[andreytve84]

Я новичок на форуме и вообще новичок, как Вы наверное уже заметили, конечно нажму+++++++

[27NataRUS]

Здравствуйте!
А куда делись все предыдущие сообщения, если не секрет? Хотела поискать, как рассчитывается коэффициент, помню, видела раньше, но осталось всего 2 страницы из прежней темы.
Подскажите, пожалуйста, как выполнить при заказе от 1 до 4 штук продукта одна цена (100%), от 5 до 9 цена другая, например, коэффициент 0.96, при заказе от 10 и выше- коэффициент 0.8?

[andreytve84]

На старых сайтах калькулятор тоже заработал, отключил плагин обновления mootools и всё стало норм

[andreytve84]

А почему калькулятор работает только в Opera, как сделать чтоб работал и в других браузерах?

[27NataRUS]

А почему калькулятор работает только в Opera, как сделать чтоб работал и в других браузерах?

Везде он работает, даже в ИЕ. )

[andreytve84]

если не сложно, посмотрите http://stk-69.ru/zabor11.html

[andreytve84]

прошу помощи, калькулятор работает только в Opera

<script>
f=(function (){
var type = document.getElementById("type").value;
var value = type.split('|');
document.getElementById("tzabor").value=value[0];
document.getElementById("tkalit").value =value[1];
document.getElementById("tvorot").value =value[2];
document.forms['calcForm'].elements['grdnaz'].fireEvent('change');
});
</script>
<table>
<tr>
<td>Введите количество метров:</td><td><input type="text" name="metr"></td>
</tr>
<tr>
<select name="type" id="type" onchange="f()">
  <option value="" selected>выбирите тип забора</option>
  <option value="1400|6000|12000">из профлиста, м/у столбами 3м</option>
  <option value="1500|6000|12000">из профлиста, м/у столбами 2,5м</option>
  <option value="1300|6000|12000">Деревянный высота 2м</option>
  <option value="1200|5000|10000">Из сетки свар. по прожилинам выс. 1,5м</option>
  <option value="1600|5000|10000">Из сетки свар. в рамке выс. 1,5м</option>
  <option value="800|5000|10000">Из сетки рабица</option>
  <option value="1000|6000|12000">Бетонный</option>
  </select>
</tr>
<tr>
<td>Введите количество калиток:</td><td><input type="text" name="kkalit"></td>
</tr>
<tr>
<td>Введите количество ворот:</td><td><input type="text" name="kvorot"></td>
</tr>
<div style="display:none;">
<input id="tzabor" type="text" name="tzabor" value=""> <br/>
<input name="tkalit" id="tkalit" type="text" value="">
<input name="tvorot" id="tvorot" type="text" value="">
</div>
<tr>
<td>Вы заплатите:</td><td><input type="text" name={rez} руб.</td>
</tr>
</table>

[andreytve84]

устранил самостоятельно

[Shkipper]

Доброго времени суток! Подскажите пожалуйста как написать формулу, что бы она считала различный процент в зависимости от размера введенной суммы. т.е. если клиент вводит, предположим, сумму 10000, то оплата будет 4 процента от суммы но не менее 100, если 15000, то 3 процента, а если выше то 2 процента?

[timdim]

Добрый день,

помогите советом и помощью новичку)
Скачал, установил, создал по примеру на пустом сайте.
Все замечательно заработало, но сразу возник вопрос:
как избавится от надписей внизу под кнопкой отправить -
идут какие то ссылки: Калькулятор&Самоделки.

Всем заранее спасибо.

[alexj69]

Поскольку разработчик этого компонента является модератором темы, то врят ли он пропустит подобные сообщения))) Могу помочь в индивидуальном порядке.