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>