Почему не работает виджет?

Question

[Ольга]

Добрый день.
Устанавливаю на сайт (самописный) виджет от Boxberry и возникла такая проблема:
Код они предлагают такой:

function callback_function(result){ 
document.getElementById('city').innerHTML = result.name;
document.getElementById('js-pricedelivery').innerHTML = result.price;
document.getElementById('code_pvz').innerHTML = result.id;

result.name = encodeURIComponent(result.name) // Что бы избежать проблемы с кириллическими символами, на страницах отличными от UTF8, вы можете использовать функцию encodeURIComponent() 

document.getElementById('name').innerHTML =	result.name;
document.getElementById('address').innerHTML =	result.address;
document.getElementById('workschedule').innerHTML = result.workschedule;
document.getElementById('phone').innerHTML = result.phone;
document.getElementById('period').innerHTML = result.period;
if (result.prepaid=='1') { 
alert('Отделение работает только по предоплате!'); 
} 
}

но если на карте выбрать пункт выдачи и при нажатии на кнопку "Выбрать отделение", в консоли вылезает ошибка:

Uncaught TypeError: Cannot set property 'innerHTML' of null
    at callback_function (boxberry.js:3)
    at Object.callCallbackSelfFunction (boxberry.js:251)
    at Object.<anonymous> (boxberry.js:77)

Уже пробовала и window.onload вставлять, и $(document).ready(function() { но по итогу всё валятся какие-то ошибки. Если вставлять эти 2 строчки, то тогда карта вообще не открывается, выдается ошибка

Uncaught ReferenceError: callback_function is not defined
    at HTMLAnchorElement.onclick

Подскажите, как уже сделать этот виджет? Заранее спасибо за помощь!

Answer 1

[Ольга]

Проблема решена, не было выведено поле для вывода данных выбранного пункта выдачи.

Answer 2

[Антон Усачев]

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

2. Затем в нужном месте на сайте магазина Вам необходимо поставить ссылку: Выбрать ПВЗ, по событию «onclick» которой должна вызываться функция «boxberry.open» из подключенного ранее файла. В эту функцию обязательно должен передаться параметр «callback_function», который и будет принимать массив с выбранным ПВЗ.
3. «callback_function» - это название javascript – функции, которая должна быть прописана на странице оформления заказа. Её имя может быть любым, главное, чтобы она была передана в качестве параметра в «boxberry.open».
4. При нажатии на кнопку "Выбрать отделение" на сайте вызывается функция
«callback_function», куда в качестве параметра передается объект с ключами,
описанными в таблице 2. Формат данных в возвращенном объекте — строки.

Comments

[Ольга]

перечитала несколько раз, ошибку всё равно не понимаю. Ссылку "Выбрать ПВЗ" вставила, вот код:

<div class="col-md-4 col-lg-4 col-sm-4 col-xs-12">
                      <div class="radiowrap">
                        <input type="radio" id="radio45" name="radio3" data-price-for-one="0" data-price="0">
                        <label class="flaticon-check" for="radio45">Доставка в пункт самовывоза</label>
                        <a href="#" onclick="boxberry.open(callback_function, 'api_token'','Москва','', 1000, 500, 0, 50, 50, 50); return false">Выбрать ПВЗ</a>
                    </div>
                      </div>

api token вставлен, если что :)

[Антон Усачев]

callback_function is not defined

Вот эта функция не определяется. Если она называется так же, то, возможно, старт функции по клику происходит раньше, чем сама boxberry.js инициируется на сайте. Нужно посмотреть порядок подключения тогда.

[Ольга]

Антон Усачев, в середине странице вставлен код самого виджета и в самом низу идет отсыл к файлу. То есть он сначала видит код, потом скрипт. Но такую ошибку выдает только когда уже дойду до этого шага (встраиваю в форму и это 3 шаг), нажму "Выбрать ПВЗ", выберу какую-то точку и после нажатия "Выбрать отделение" появляется эта ошибка.
Думаете скрипт вверх страницы вставить?

[Антон Усачев]

Ольга, думаю, для начала нужно задать callback_function и посмотреть, что будет. Например:

function callback_function() {
    console.log('It works!');
}

[Ольга]

Антон Усачев, этот код сработал, карта закрылась! Осталось понять, где проблема в том скрипте...
Ошибка "Cannot set property 'innerHTML' of null" так и осталась