Автозаполнение адреса при оформлении заказа
Добавлено: 02.03.2017, 11:04
Всех приветствую!
Есть такой хак, в корзине при заполнении полей ФИО и Адрес происходит автозаполнение через сервис dadata.ru.
Ниже код, который я никак не могу заставить работать на OkayCMS. Многим я думаю он будет полез. Если кто-то может его сделать, будьте добры.
Есть Google только на город:
Есть такой хак, в корзине при заполнении полей ФИО и Адрес происходит автозаполнение через сервис dadata.ru.
Ниже код, который я никак не могу заставить работать на OkayCMS. Многим я думаю он будет полез. Если кто-то может его сделать, будьте добры.
Код: Выделить всё
{literal}
<link href="https://dadata.ru/static/css/suggestions-4.3.css" type="text/css" rel="stylesheet" />
<!--[if lt IE 10]>
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery-ajaxtransport-xdomainrequest/1.0.1/jquery.xdomainrequest.min.js"></script>
<![endif]-->
<script type="text/javascript" src="https://dadata.ru/static/js/jquery.suggestions-4.3.min.js"></script>
<script type="text/javascript">
$(".cart_form input[name='name']").suggestions({
serviceUrl: "https://dadata.ru/api/v2/suggest/fio",
type: "NAME",
token: "ваш API-ключ",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
$(".cart_form input[name='address']").suggestions({
serviceUrl: "https://dadata.ru/api/v2/suggest/address",
type: "ADDRESS",
token: "ваш API-ключ",
/* Вызывается, когда пользователь выбирает одну из подсказок */
onSelect: function(suggestion) {
console.log(suggestion);
}
});
</script>
{/literal}
Есть Google только на город:
- Спойлер
Код: Выделить всё
{literal}
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script>
function initialize() {
var input = document.getElementById('searchTextField');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.bindTo('bounds', map);
var infowindow = new google.maps.InfoWindow();
var marker = new google.maps.Marker({
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
{/literal}
к input добавить id="searchTextField"