fix: some fixes in example app
This commit is contained in:
@@ -31,10 +31,16 @@
|
||||
}
|
||||
|
||||
const btn = document.getElementById('token');
|
||||
btn.addEventListener('click', () => getToken('eeb42dcb-8e5b-4f21-825a-3fc7ada43445'));
|
||||
btn.addEventListener('click', () => {
|
||||
localStorage.clear();
|
||||
getToken('eeb42dcb-8e5b-4f21-825a-3fc7ada43445');
|
||||
});
|
||||
|
||||
const btn2 = document.getElementById('token2');
|
||||
btn2.addEventListener('click', () => getToken('a8622a61-3142-487e-8db8-b6aebd4f04aa'));
|
||||
btn2.addEventListener('click', () => {
|
||||
localStorage.clear();
|
||||
getToken('a8622a61-3142-487e-8db8-b6aebd4f04aa');
|
||||
});
|
||||
|
||||
let colorChangeBtnRed = document.getElementById('colorChangeBtnRed');
|
||||
colorChangeBtnRed.addEventListener('click', function () {
|
||||
|
||||
@@ -1,51 +0,0 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<title>Прием платежа с помощью виджета ЮKassa</title>
|
||||
|
||||
<!--Подключение библиотеки для инициализации виджета ЮKassa-->
|
||||
<script src="https://yookassa.ru/checkout-widget/v1/checkout-widget.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
Ниже отобразится платежная форма. Если вы еще не создавали платеж и не передавали токен для инициализации виджета, появится сообщение об ошибке.
|
||||
|
||||
<!--Контейнер, в котором будет отображаться платежная форма-->
|
||||
<div id="payment-form"></div>
|
||||
|
||||
Данные банковской карты для оплаты в <b>тестовом магазине</b>:
|
||||
|
||||
- номер — <b>5555 5555 5555 4477</b>
|
||||
- срок действия — <b>01/30</b> (или другая дата, больше текущей)
|
||||
- CVC — <b>123</b> (или три любые цифры)
|
||||
- код для прохождения 3-D Secure — <b>123</b> (или три любые цифры)
|
||||
|
||||
<a href=https://yookassa.ru/developers/payment-acceptance/testing-and-going-live/testing#test-bank-card>Другие тестовые банковские карты</a>
|
||||
|
||||
<script>
|
||||
//Инициализация виджета. Все параметры обязательные.
|
||||
const checkout = new window.YooMoneyCheckoutWidget({
|
||||
confirmation_token: 'ct-287e0c37-000f-5000-8000-16961d35b0fd', //Токен, который перед проведением оплаты нужно получить от ЮKassa
|
||||
return_url: 'https://example.com/', //Ссылка на страницу завершения оплаты, это может быть любая ваша страница
|
||||
|
||||
//При необходимости можно изменить цвета виджета, подробные настройки см. в документации
|
||||
//customization: {
|
||||
//Настройка цветовой схемы, минимум один параметр, значения цветов в HEX
|
||||
//colors: {
|
||||
//Цвет акцентных элементов: кнопка Заплатить, выбранные переключатели, опции и текстовые поля
|
||||
//control_primary: '#00BF96', //Значение цвета в HEX
|
||||
|
||||
//Цвет платежной формы и ее элементов
|
||||
//background: '#F2F3F5' //Значение цвета в HEX
|
||||
//}
|
||||
//},
|
||||
error_callback: function(error) {
|
||||
console.log(error)
|
||||
}
|
||||
});
|
||||
|
||||
//Отображение платежной формы в контейнере
|
||||
checkout.render('payment-form');
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user