Как создать динамический калькулятор на CSM Joomla!?

1 1 1 1 1 1 1 1 1 1 Рейтинг 0.00 [0 Голоса (ов)]

Как создать динамический калькулятор на CSM Joomla!?

Бывают ситуации, что помимо форм, на сайте становятся необходимы разного рода калькуляторы. И если вы не программист, могут возникнуть довольно-таки серьезные проблемы с реализацией такого плана. Но известный компонент для создания форм RSForm! Pro может изменить ситуацию с калькуляторами в нем реализована функция калькуляции. Рассмотрим простой пример динамического калькулятора (не обычного, а ориентированного для выполнения конкретной функции).

Возьмем задачу по географии на определение уклона реки.

Уклоном реки называют отношение падения реки (в сантиметрах) к ее длине (в километрах). А падение это превышение истока над устьем, которое выражено в метрах.

Для того, чтобы определить уклон, сначала нужно определить ее падение. Оно определяется по формуле:

П = h1 – h2
  • П – падение реки;
  • h1– высота истока;
  • h2 – высота устья (или иного участка, который расположен ниже истока).

Например, высота истока реки Южный Буг составляет 321 метр над уровнем моря, а высота окружающей местности, где находится устье реки, составляет 0 метров.

Поэтому падение реки Южный Буг будет составлять: 321-0=321 метр.

Далее, зная падение реки, можно рассчитать уклон. Формула для расчета уклона:

Ур = П/L

  • Ур – уклон реки;
  • П – падение реки;
  • L – длина реки.

Для этого переведем метры в сантиметры (допишем к числу два нуля):

321 метр = 32100 см.

Теперь разделим величину падения (32100 см) на длину реки (806 км):

32100/806≈39,8 см

То есть, падение реки Южный Буг составляет 39,8 см на километр ее пути. Это означает, что она равнинная река (для горных, показатель может быть несколько метров и более).

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

Чтобы реализовать калькулятор, который будет считать уклон реки, нужно 3 динамических поля (то есть в них пользователь будет вводить определенные данные) и 1 поле для вывода результатов.

Имеется в виду, что у вас уже установлен компонент RSForm! Pro. Переходим к «Компоненты → RSForm! Pro → Управление формами». Тогда нажимаем «Создать».

Как создать динамический калькулятор на CSM Joomla!?

Как создать динамический калькулятор на CSM Joomla!?

Появится мастер нажимаем «Пропустить мастера».

Как создать динамический калькулятор на CSM Joomla!?

На вкладке «Компоненты» выбираем «Текстовое поле». Появится окно, в котором напротив«Название» пишем h1, а напротив «Подпись» пишем Высота истока (м).

Как создать динамический калькулятор на CSM Joomla!?

Как создать динамический калькулятор на CSM Joomla!?

Переключаемся на вкладку «Проверка» и напротив «Обязательное» ставим Да, а напротив «Правило проверки» выбираем Цифры.

Как создать динамический калькулятор на CSM Joomla!?

Аналогично создаем еще одно поле:

Напротив «Название» пишем h2, а напротив «Подпись» пишем Высота устья (м).

Создаем еще одно поле:

Напротив «Название» пишем L, а напротив «Подпись» пишем Длина реки (км).

Последнее поле (является необязательным, то есть не обозначается знаком *):

Напротив «Название» пишем rez, а напротив «Подпись» пишем Результат (см/км).

Общий вид созданных полей:

Как создать динамический калькулятор на CSM Joomla!?

Переходим в «Свойства» и находим слева «Расчёты».

Видим поля:

В первом выбираем: rez

Во втором пишем вручную или используя выпадающий список:

({h1:value}- {h2:value})/ {L:value}*(100)

Как создать динамический калькулятор на CSM Joomla!?

Нажимаем «Сохранить вычисление».  

После этого сохраняем нашу форму и попробуем решить задачу (задачу взял с сети интернет):

Задача. Определите падение и уклон реки, длина которой 3000 км, высота истока 260 м, а устья – (-20 м).

Нажимаем на «Предварительный просмотр» нашей формы.

Как создать динамический калькулятор на CSM Joomla!?

Откроется готовая форма. Вводим в первое поле — 260, во второе — -20, в третье — 3000.

Смотрим результат на скриншоте:

Как создать динамический калькулятор на CSM Joomla!?

Теперь форму можно добавить в меню или непосредственно в статью.

Добавить комментарий