Я написал код, в котором в зависимости от выбранного способа оплаты добавляется div с описанием действий для реализации этого способа. Код работает, однако сразу же после появления на странице div.innerHTML с соответствующим содержанием страница перезагружается. Код писал в simplecheckout_payment.tpl. Удаление data-onchange="reloadAll" , думаю, не лучший вариант(приводит к тому, что страница не обновляется, и каждый клик вызывает добавление нового div-а). То есть как сделать так, чтобы даже после перезагрузки страницы информация осталась?
<script type='text/javascript'>
var cod = document.getElementById('cod');
var web = document.getElementById('web');
var payment_methods = document.getElementById('payment_methods');
payment_methods.addEventListener('click', function(e) {
var el = e.target;
if(el.tagName != "INPUT") return;
var type = el.getAttribute('data-target'),
paymentGeneration = {
'cod': function() {
var div = document.createElement('div');
div.innerHTML = "Оплата наличными курьеру при доставке или получении заказа в магазине.";
cod.append(div);
},
'web': function() {
var div = document.createElement('div');
div.innerHTML = "Вы будете переадресованы на страницу ...";
cod.append(div);
}
};
paymentGeneration[type]();
});
</script>