Search

List Random Picker – Widget for websites

This javascript widget can be embedded to your website for free. Also there is paid version with some advantages.

Plans

Free S
Suits for
majority of websites
M
L
No ads
CSS
Technical support
Back link is not required
Usage on private pages
Websites count 1 1 1 1
Limit of shows 1000 250 1500
Price Free
Get code

Demo

List
One item per line
Items to pick
No repeats in set
Results order

List Random Picker от calcus.ru

Style examples:
(Click the button to apply the style)
1.
2.
3.
4.
5.
6.
7.

Код виджета

Widget code consists of two parts:

1. Library import. Put this code between <head> and </head> tags.

<script src="https://7calc.net/dist/widget.js"></script>

2. Initialization. Put this code into any place in your template where you want widget to appear.

<div id="calcus-container"></div>
<p style="margin-top: 1em; text-align: center">List Random Picker предоставлен сайтом <a href="https://7calc.net/random-picker">7calc.net</a></p>
<script>
    const options = {
    }

    CalcusWidget.show('RandomPicker', options)
</script>

3. Объект options может содержать следующие настройки:

Параметр Тип Значение по умолчанию Описание
token string Токен для платной версии.
currency string RUB Трехсимвольный код валюты (если используется в калькуляторе).
defaults object {} Значения полей по умолчению. В качестве ключей объекта используются имена полей.
dropdownValues object {} Установить доступные значения в выпадающих полях формы.
Ключи объекта - имена select полей, значения - массив доступных значений.
Неперечисленные значения будут скрыты.
hideFields array [] Скрыть определенные поля из калькулятора.
hideResults array [] Скрыть определенные результаты расчета.
instance integer Используется для установки двух и более калькуляторов на одну страницу. Значение этого параметра должно дублироваться в id контейнера, напр.
<div id="calcus-container-2"></div>

Styling

Since widget is being stored into html directly (without iframe), CSS styles also can be applied directly to widget elements. All user-defined css properties should include !important.

Help

По вопросам установки и настройки виджета: calcus@inbox.ruu