Як створити динамічний калькулятор на 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!?

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

Додати коментар