Москва

Россия

[b]Задача[/b]

Написать виджет для сайта — скрипт (JS или JQuery) +HTML для изменения в браузере опций в атрибуте платежной кнопки Сбер эквайринга из инпутов и рэнж-слайдера для вызова скрипта оплаты с переменными данными.

[b]Нужно 2 виджета:
[/b]
[b]Для фиксированной цены:[/b] 
Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона. И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными даннымиПри вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега <title>.

Итоговый код кнопки перед кликом
[code]
<a onclick="ipayCheckout({
 amount:500,
 currency:'RUB',
 order_number:'',
 description: 'Название страницы из тега <title> / Иванов Иван Иванович / +7 910 1234567'},
 function(order) { showSuccessfulPurchase(order) },
 function(order) { showFailurefulPurchase(order) })"
 
 class="btn btn-xs btn-outline btn-primary">Оплатить 500 руб.
</a>
[/code]

[b]Для изменяемой цены:[/b]
Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона, в рэнж-слайдере выбирает значение от 500 до 10 000 с шагом 500 (при этом изменяется сумма выше слайдера и на кнопке оплаты). И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными данными.

При вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега <title>. Опция amount меняет значение на сумму из рэнж-слайдера.
[code]
<a onclick="ipayCheckout({
 amount:1500,
 currency:'RUB',
 order_number:'',
 description: 'Название страницы из тега <title> / Иванов Иван Иванович / +7 910 1234567'},
 function(order) { showSuccessfulPurchase(order) },
 function(order) { showFailurefulPurchase(order) })"
 
 class="btn btn-xs btn-outline btn-primary">Оплатить 1500 руб.
</a>
[/code]

[b]Требования к верстке и доп. сведения[/b][list][*]JS или JQuery (минималистичный код).[*]HTML Bootstrap 4[*]CSS не нужен, за исключением рэнж сладера. Слайдер должен выглядеть примерно как на эскизе.[*]Должно работать на десктопах и на тачскринах.[/list]Инструкция по настройке кнопки Сбербанка:[url=https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start]https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start[/url]

Задача

Написать виджет для сайта — скрипт (JS или JQuery) +HTML для изменения в браузере опций в атрибуте платежной кнопки Сбер эквайринга из инпутов и рэнж-слайдера для вызова скрипта оплаты с переменными данными.

Нужно 2 виджета:

Для фиксированной цены: 
Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона. И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными даннымиПри вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега .
&lt;/p&gt;&lt;p&gt;
&lt;/p&gt;&lt;p&gt;Итоговый код кнопки перед кликом
&lt;/p&gt;&lt;p&gt;&lt;code&gt;
&lt;/p&gt;&lt;p&gt;&lt;a onclick="ipayCheckout({
&lt;/p&gt;&lt;p&gt; amount:500,
&lt;/p&gt;&lt;p&gt; currency:'RUB',
&lt;/p&gt;&lt;p&gt; order_number:'',
&lt;/p&gt;&lt;p&gt; description: 'Название страницы из тега &lt;title&gt; / Иванов Иван Иванович / +7 910 1234567'},
&lt;/p&gt;&lt;p&gt; function(order) { showSuccessfulPurchase(order) },
&lt;/p&gt;&lt;p&gt; function(order) { showFailurefulPurchase(order) })"
&lt;/p&gt;&lt;p&gt; 
&lt;/p&gt;&lt;p&gt; class="btn btn-xs btn-outline btn-primary"&gt;Оплатить 500 руб.
&lt;/p&gt;&lt;p&gt;&lt;/a&gt;
&lt;/p&gt;&lt;p&gt;&lt;/code&gt;
&lt;/p&gt;&lt;p&gt;
&lt;/p&gt;&lt;p&gt;&lt;b&gt;Для изменяемой цены:&lt;/b&gt;
&lt;/p&gt;&lt;p&gt;Пользователь вводит в 1 поле — Фамилию Имя Отчество, в поле 2 — Номер телефона, в рэнж-слайдере выбирает значение от 500 до 10 000 с шагом 500 (при этом изменяется сумма выше слайдера и на кнопке оплаты). И кликает на кнопку Оплатить, срабатывает скрипт приема оплаты с измененными данными.
&lt;/p&gt;&lt;p&gt;
&lt;/p&gt;&lt;p&gt;При вводе опция description атрибута onclick меняет содержимое на значения из инпутов + Название страницы из тега &lt;title&gt;. Опция amount меняет значение на сумму из рэнж-слайдера.
&lt;/p&gt;&lt;p&gt;&lt;code&gt;
&lt;/p&gt;&lt;p&gt;&lt;a onclick="ipayCheckout({
&lt;/p&gt;&lt;p&gt; amount:1500,
&lt;/p&gt;&lt;p&gt; currency:'RUB',
&lt;/p&gt;&lt;p&gt; order_number:'',
&lt;/p&gt;&lt;p&gt; description: 'Название страницы из тега &lt;title&gt; / Иванов Иван Иванович / +7 910 1234567'},
&lt;/p&gt;&lt;p&gt; function(order) { showSuccessfulPurchase(order) },
&lt;/p&gt;&lt;p&gt; function(order) { showFailurefulPurchase(order) })"
&lt;/p&gt;&lt;p&gt; 
&lt;/p&gt;&lt;p&gt; class="btn btn-xs btn-outline btn-primary"&gt;Оплатить 1500 руб.
&lt;/p&gt;&lt;p&gt;&lt;/a&gt;
&lt;/p&gt;&lt;p&gt;&lt;/code&gt;
&lt;/p&gt;&lt;p&gt;
&lt;/p&gt;&lt;p&gt;&lt;b&gt;Требования к верстке и доп. сведения&lt;/b&gt;&lt;ul&gt;&lt;li&gt;JS или JQuery (минималистичный код).&lt;li&gt;HTML Bootstrap 4&lt;li&gt;CSS не нужен, за исключением рэнж сладера. Слайдер должен выглядеть примерно как на эскизе.&lt;li&gt;Должно работать на десктопах и на тачскринах.&lt;/ul&gt;Инструкция по настройке кнопки Сбербанка:&lt;a href="&lt;a href="https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start"&gt;https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start&lt;/a&gt;&lt;/p&gt;"&gt;https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start"&gt;https://securepayments.sberbank.ru/wiki/doku.php/integration:paybutton:start&lt;/a&gt;&lt;/p&gt;&lt;/a&gt;

Алексей APrist

Виджет для сайта — скрипт (JS или JQuery) +HTML для изменения