Пример подключения виджета пунктов выдачи CDEK

Несколько примеров настройки виджета СДЭК для выбора пункта выдачи, подробную информацию можно посмотреть на https://widget.cdek.ru/.

<input type="text" name="pvz" placeholder="Код ПВЗ">
<input type="text" name="address" placeholder="Адрес ПВЗ">

<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js" charset="utf-8"></script>
<script>
var widjet = new ISDEKWidjet({
	hidedelt: true,
	defaultCity: 'Москва',
	cityFrom: 'Москва',
	link: 'forpvz',
	onChoose: function(info){ 
		ipjq('[name="pvz"]').val(info.id);
		ipjq('[name="address"]').val(' г.' + info.cityName + ', ' + info.PVZ.Address);
		//console.dir(info);
	}
});
</script>

<div id="forpvz" style="height:500px;"></div>
HTML

Результат:

<input type="text" name="pvz" placeholder="Код ПВЗ">
<input type="text" name="address" placeholder="Адрес ПВЗ">
<a href="javascript:void(0)" onclick="widjet.open()">Выберите пункт выдачи</a>

<script id="ISDEKscript" type="text/javascript" src="https://widget.cdek.ru/widget/widjet.js" charset="utf-8"></script>
<script>
var widjet = new ISDEKWidjet({
	popup: true,
	hidedelt: true,
	defaultCity: 'Москва',
	cityFrom: 'Москва',
	onReady: function(){
		ipjq('#linkForWidjet').css('display','inline');
	},
	onChoose: function(info){ 
		ipjq('[name="pvz"]').val(info.id);
		ipjq('[name="address"]').val(' г.' + info.cityName + ', ' + info.PVZ.Address);
		//console.dir(info);
		widjet.close();
	}
});
</script>
HTML

Результат:

23.03.2023, обновлено 03.03.2024
5401

Комментарии 1

Дмитрий Дмитрий
25 апреля 2024 в 13:21
А может кто подсказать как в карту виджета встроить яндекс поиск адреса. На обычной карте понятно как добавить, а вот на виджете у меня не получилось. Для чего нужен - например при поиске ближайшего пвз в Москве, где пвз тысячи.
Буду благодарен за ответ с примером кода.

, чтобы добавить комментарий.

Другие публикации

Список городов РФ
Города РФ на 2019 год - список, массив, SQL.
8133
+11
Список стран мира с названиями на национальном языке
Ниже представлен список стран мира с названиями на русском и государственных языках, коды регионов ISO 3166-1 Alpha 2 и...
10112
+2
База городов, регионов и федеральных округов РФ в MySQL
База состоит из трех связанных таблиц, версия от 2016 года.
36141
+5
Пример парсинга html-страницы на phpQuery
phpQuery – это удобный HTML парсер взявший за основу селекторы, фильтры и методы jQuery, которые позволяют...
63898
+27
Работа с cookie в JavaScript
Сookies или куки – это данные в виде пар ключ=значение, которые хранятся в файлах на компьютере пользователя. Для хранимых данных существуют несколько ограничений...
58388
+8
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
44235
+33