Как предотвратить перезагрузку страницы?(без последствий)

[KevinJones]

Я написал код, в котором в зависимости от выбранного способа оплаты добавляется 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>

Змінено 29 жовтня 2019 користувачем KevinJones

[Jurgen]

Пишите используя jQuery, будет куда проще и компактней. Див добавлять не нужно, вы его можете сразу добавить в шаблон, просто пустой, а потом в зависимости от того что выбрали, инсертить в него нужную информация, предварительно почистив от предыдущей. 

Для того что бы это подгружалось после обновления страницы можно повесить заполнение дива на событие onload

[spectre]

в симпл даже в админке можно этот js код вписать

выполняется после обновления

[KevinJones]

17 минут назад, spectre сказал:

в симпл даже в админке можно этот js код вписать

выполняется после обновления

Ниже "Оформление заказа" появилось  } }); } else { //console.log("check header.tpl") }.

Скрипт сработал, но вот дальше все поля заблокированы(disabled), ничего не могу написать, равно как и выбрать другой input type.

Змінено 29 жовтня 2019 користувачем KevinJones

[spectre]

ну, учите jquery/js, что сказать

[KevinJones]

1 минуту назад, spectre сказал:

ну, учите jquery/js, что сказать

Учу

[spectre]

13 минут назад, KevinJones сказал:

Учу

и еще, симпл позволяет добавить свое описание любому методу доставки-оплаты и отображать его когда он выбран, может вам вообще это нужно)

[KevinJones]

59 минут назад, spectre сказал:

и еще, симпл позволяет добавить свое описание любому методу доставки-оплаты и отображать его когда он выбран, может вам вообще это нужно)

Именно это и нужно! Но найти не могу - в настройках модуля смотрел, направьте, пожалуйста, где это искать?

[spectre]

нажмите на блок доставка или оплата

там что-то типа переопределить описание

[KevinJones]

30 минут назад, spectre сказал:

нажмите на блок доставка или оплата

там что-то типа переопределить описание

Нет там такого.

[spectre]

6 минут назад, KevinJones сказал:

Нет там такого.

как же нет

 

[KevinJones]

19 минут назад, spectre сказал:

как же нет

 

Это я видел(почти, у меня OC 1.5.6.4). Просто что я хочу сделать, это чтобы описание появлялось у метода оплаты(когда он выбран), и чтобы можно было переключаться между разными методами оплаты и описание на странице сохранялось. В данный момент проблема только в том, что описание исчезает(при перезагрузке). Буду думать дальше...

[KevinJones]

2 часа назад, spectre сказал:

как же нет

 

Cпасибо! Разобрался с заглушками. Но все равно хотелось бы додумать мое решение. Я только до e.preventDefault() пока додумался.