Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places&key=AIzaSyD2yeLOJOCOVgB4uox_Mz9ELZID4tcAlK4 "></script> <div class="col-no-p ws-checkout-input col-sm-12"> <label>Adress <span> * </span></label><br> <input type="text" name="cela_adresa" id="autocomplete" placeholder="Enter your address" autocomplete="autocomplete_off"> </div> <input type="text" name="adresa" id="route"> <input type="text" name="adresa_2" id="street_number"> <input type="text" name="zeme" id="country"> <input type="text" name="mesto" id="locality"> <input type="text" name="stat" id="administrative_area_level_1"> <input type="text" name="zip" id="postal_code">
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function initializeAutocomplete(id) { var element = document.getElementById(id); if (element) { var autocomplete = new google.maps.places.Autocomplete(element, { types: ['geocode'] }); google.maps.event.addListener(autocomplete, 'place_changed', onPlaceChanged); } } function onPlaceChanged() { var place = this.getPlace(); for (var i in place.address_components) { var component = place.address_components[i]; for (var j in component.types) { // Some types are ["country", "political"] var type_element = document.getElementById(component.types[j]); if (type_element) { type_element.value = component.long_name; } } } } google.maps.event.addDomListener(window, 'load', function() { initializeAutocomplete('autocomplete'); });
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>