Добавление поля «Промокод» – База знаний uCalc

База знаний uCalc

Добавление поля «Промокод»

Поместите формулу в скобки.

Для реализации функционала, необходимо воспользоваться виджетами «Поле» и «Кнопка».

После этого нужно получить атрибут id поля. Для этого щелкните по добавленному полю правой кнопкой мыши - «Исследовать элемент»

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

Далее перенесите два виджета «HTML код», разместить их можно в любом нужном вам месте.

ИНФОРМАЦИЯ!

Первый виджет необходим для получения промо кода, второй виджет нужен - для проверки промо кода.

Для первого виджета «HTML код» вставьте следующее:

<style>
#success, #fail, #promo_field {
 display: block;
 padding: 20px;
 font-size: 20pt;
 font-weight: bold;
 text-align: center;
}
#success, #promo_field {background-color: #77f277; color: #000;}
#fail {background-color: #f74e48; color: #fff;}
</style>
<div id="promo_field" style="display:none;">ПРОМО-КОД: <span id="promo_code"></span></div>

Для второго виджета вставьте следующее:

<span id="success">ПРОМОКОД АКТИВИРОВАН! </span>
<span id="fail">ТАКОГО ПРОМО-КОДА НЕТ =( </span>

ИНФОРМАЦИЯ!

Вы можете изменить текст сообщений и стили на нужные вам.

После этого добавьте в самый низ калькулятора третий виджет «HTML код».

ВАЖНО!

ID главной кнопки - идентификатор кнопки которая выполняет функцию отправки уведомлений.

Вы нашли здесь ответ на свой вопрос?

Вы уже оценивали эту статью.

Спасибо за оценку!

Дарим приятный бонус в виде промо-кода HELP-10 на 10% скидку при оплате тарифа.