URL скопирован в буфер обмена!

Как разделить итоговое число в калькуляторе на Zero Block ?

Модификация поможет разбить числовое значение калькулятора в форме Zero Block. Разделение происходит по три символа.

Модификация работает с включенным Autoscale в блоках
Модификация работает только с Zero Block
Номер модификации в библиотеке TiCode

Генератор кода

id блока с калькулятором
Название переменной калькулятора
Ссылка для текста
Символ для разделения
Текст перед числом
Текст в конце числа
Войдите в аккаунт чтобы получить доступ к генератору кода
Этот генератор кода доступен только тем кто оплатил подписку
<!--TICODE--><!-- Библиотека модификаций для Тильда https://ticode.dev --> <script> (function($) { function divideNumberByPieces(x, delimiter) { return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, delimiter || " "); }; function animateNumbers() { var cLnum = 'a[href="#ticode-result"]'; var numb_start = +$(cLnum).text().replace(/\D+/g,"") || 0; var numb_end = $('#rec572011559 input[name="result"]').val() || 0; $({numberValue: numb_start}).animate({numberValue: numb_end}, { duration: 500, step: function(val) { $(cLnum).text('Итого ' + divideNumberByPieces(Math.ceil(val)) + ' руб'); } }); } var targetNode = document.querySelector('#rec572011559 .tn-atom__form'); var config = { childList: true, subtree: true }; var observer = new MutationObserver(function(mutationsList, observer) { mutationsList.forEach(function(mutation) { if ($(mutation.target).hasClass('t-calc')) { setTimeout(function() { animateNumbers(); }, 200); } }); }); if (targetNode) { observer.observe(targetNode, config); } })(jQuery); </script> <style> #rec572011559 .t-calc { display: none !important; } a[href="#ticode-result"] { cursor: default; } </style>
КОПИРОВАТЬ КОД
Для нормальной работы модификации необходимо включить библиотеку jQuery.
Как включить: Настройки сайта -> Еще -> Подключить jQuery на страницах сайта
1. Создаем в Zero Block форму с полем "Calculations field" в названии переменной(variable name) указываем result

2. Создаем текстовый элемент и назначаем ему ссылку #ticode-result Сам текст не важен так как вместо него будет выводиться результат калькулятора. Текст можно кастомизировать и расположить по вашему желанию.

3. Копируем Id Zero Block и вставляем в генератор. При необходимости делаем дополнительные настройки:
Символ для разделения - выбираем символ который будет разделять результат.
Текст перед числом и Текст в конце числа - можно указать текст перед и после числа. Например валюту.

4. Копируем готовый код и вставляем в HTML блок Т123

Примечание! Если на странице есть несколько калькуляторов, то их нужно расположить в разных Zero Block и сгенерировать несколько кодов. При этом обязательно указать уникальные ссылки для текста. Например для формы 1 указать #ticode-result для формы два - #ticode-result1 и т. д.
Рассчитайте вашу выручку
прямо сейчас
Ваша прибыль
Купить франшизу
Made on
Tilda