Demo – omezení oblasti našeptávání
Na formuláři lze nastavit oblast, ze které budou adresy našeptávány. Lze zadat seznam obcí, okresů a krajů.
Vymezení oblasti našeptávání může být dvojího typu:
- Filtrování – při našeptávání se nabízí jen adresy ze zadané oblasti
- Přednost – při našeptávání se nabízí přednostně adresy ze zadané oblasti. Adresy mimo zadanou oblast se našeptávají také, za adresami z nastavené oblasti.
Podrobnosti najdete v dokumentaci k metodě setSuggestContext, kterou se našeptávací oblast nastavuje.
Formulář s našeptáváním jen z obce Dvůr Králové nad Labem:
Formulář s přednostním našeptáváním z okresů Plzeň-město, Plzeň-jih a Plzeň-sever:
Zdrojový kód – JavaScript:
<script type="text/javascript" src="https://client.smartform.cz/v2/smartform.js" async></script>
<script type="text/javascript">
var smartform = smartform || {};
smartform.beforeInit = function () {
smartform.setClientId('[clientId]');
}
smartform.afterInit = function() {
// na první instanci nastavujeme našeptávání jen adres z obce Lounovice pod Blaníkem
smartform.getInstance('smartform-instance-1').addressControl.setSuggestContext( 'FILTER', [['MUNICIPALITY_CODE', 530107]] );
// na druhé instanci nastavujeme přednostní našeptávání adres ze tří plzeňských okresů
smartform.getInstance('smartform-instance-2').addressControl.setSuggestContext( 'PREFERENCE', [['DISTRICT_CODE', 3405], ['DISTRICT_CODE', 3406], ['DISTRICT_CODE', 3407]] );
}
</script>
Zdrojový kód – HTML pro první formulář:
<form>
<input class="smartform-instance-1 smartform-address-street-and-number" id="smartform_ulice1" placeholder="Ulice a číslo" type="text" />
<input class="smartform-instance-1 smartform-address-city" id="smartform_obec1" placeholder="Obec" type="text" />
<input class="smartform-instance-1 smartform-address-zip" id="smartform_psc1" placeholder="PSČ" type="text" />
</form>
Zdrojový kód – HTML pro druhý formulář:
<form>
<input class="smartform-instance-2 smartform-address-street-and-number" id="smartform_ulice2" placeholder="Ulice a číslo" type="text" />
<input class="smartform-instance-2 smartform-address-city" id="smartform_obec2" placeholder="Obec" type="text" />
<input class="smartform-instance-2 smartform-address-zip" id="smartform_psc2" placeholder="PSČ" type="text" />
</form>