Cela semble vous donner une solution similaire à celle que vous recherchez. Si vous remplacez l'événement on_click
par le code Javascript onkeyup
, vous devriez alors pouvoir vérifier l'adresse en temps réel.
Il s'agit d'un guide d'intégration étape par étape décrivant comment ajouter un localisateur d'adresses RapidAddress basé sur un code postal à un site Web HTML. Nous vous recommandons de lire le guide de l'utilisateur JavaScript en premier. Étape # 1 Téléchargez la dernière version de la classe JavaScript dans la section des téléchargements. Vous pouvez également utiliser le pack d'intégration, il contient des pages HTML prêtes à l'emploi qui peuvent être utiles comme point de départ. Téléchargez les fichiers JavaScript crafty_postcode.class.js de votre serveur Web et le référencer dans votre code HTML, vous pouvez avoir à utiliser des chemins relatifs ou absolus dans la propriété src:
<script type="text/javascript" charset="ISO-8859-1" src="crafty_postcode.class.js">
</script>
REMARQUE: la « ISO-8859-1 "bit est important car le script JS est compressé. Étape # 2 Créer et configurer l'objet JavaScript:
<script>
var cp_obj = CraftyPostcodeCreate();
cp_obj.set("access_token", "xxxxx-xxxxx-xxxxx-xxxxx"); // your token here
cp_obj.set("result_elem_id", "crafty_postcode_result_display");
cp_obj.set("form", "address");
cp_obj.set("elem_company" , "companyname");
cp_obj.set("elem_street1" , "address1");
cp_obj.set("elem_street2" , "address2");
cp_obj.set("elem_street3" , "address3");
cp_obj.set("elem_town" , "town");
cp_obj.set("elem_county" , "county");
cp_obj.set("elem_postcode" , "postcode");
</script>
Étape # 3 Créer un formulaire d'adresse en HTML:
<form method="post" name="address">
Postcode:<br/>
<input type="text" name="postcode"/>
<button type="button" onclick="cp_obj.doLookup()">Find Address</button><br/>
<span id="crafty_postcode_result_display"> </span><br/>
Company:<br/>
<input type="text" name="companyname"/><br/>
Address:<br/>
<input type="text" name="address1"/><br/>
<input type="text" name="address2"/><br/>
<input type="text" name="address3"/><br/>
Town:<br/>
<input type="text" name="town"/><br/>
County:<br/>
<input type="text" name="county"/>
</form>
NOTE: "companyname", "adresse2/3" et " comté "sont facultatifs, vous pouvez laisser ces champs si cela convient à votre site. N'oubliez pas de les supprimer également de la configuration JavaScript à l'étape 2. Par exemple si vous ne voulez pas le champ county: cp_obj.set ("elem_county", ""); Notez le bouton "Rechercher une adresse", l'action onclick appelle la méthode doLookup(). Les résultats de l'adresse (ou un message d'erreur) seront placés dans l'élément avec id = "crafty_postcode_result_display". Tout est fait! Si les choses ne fonctionnent pas pour quelque raison que ce soit, envoyez-nous un message ou un message d'erreur. Nous serons heureux d'aider. Vous pouvez également lire le guide de l'utilisateur JavaScript, si ce n'est déjà fait.
Comme à l'adresse:
http://www.craftyclicks.co.uk/web-service/docs/javascript-address-finder-how-to-add-rapidaddress
c'est ce que je cherchais. merci – gfivehost