Vicopo

by Kyle Katarn

HTML

<script src="https://www.selfbuild.fr/vicopo/api.js"></script>
<input id="recherche" placeholder="Entrez un code postal ou une ville" autocomplete="off" size="50"><br>
<input id="ville" disabled size="50"><br>
<input id="code" disabled size="50"><br>
<input id="count" disabled size="50">

CSS

body {
  font-family: sans-serif;
}
input {
  padding: 4px 8px;
}
label {
  line-height: 2em;
}

JavaScript

$('#recherche').vicopo(function (cities) {
  if(cities.length) {
    $('#ville').val(cities[0].city);
    $('#code').val(cities[0].code);
  } else {
    $('#ville').val('');
    $('#code').val('');
  }
  $('#count').val(cities.length + ' villes trouvées');
});