Demo – slovenské adresy

Každému formuláři můžeme nastavit, z jaké země se budou adresy našeptávat. Smartform lze použít pro našeptávání adres z těchto zemí:

  • Česká republika
  • Slovenská republika

V prvním formuláři se našeptávají slovenské adresy. Ve druhém formuláři si uživatel může sám vybrat, z jaké země se bude našeptávat.

Výběr země se provádí metodou SmartformInstance.addressControl.setCountry().

Formulář našeptávájící slovenské adresy:

 

Formulář umožňující vybrat zemi:

 

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]');
   }
   
   /** V prvnim formulari nastavi Slovensko, ve druhem Cesko */   
   smartform.afterInit = function () {
       smartform.getInstance('smartform-instance-1').addressControl.setCountry('SK')      
       smartform.getInstance('smartform-instance-2').addressControl.setCountry('CZ')        
   }                                                          
    
   /** Ve formulari 'smartform-instace-2' nastavi naseptavanou zemi podle hodnoty v combu #country. */
   function changeCountry(){
       var country = $("#country").val();
       smartform.getInstance('smartform-instance-2').addressControl.setCountry( country );
   }
                                                                                                                                                                                        
</script>

Zdrojový kód – HTML pro slovenské adresy:

<div class="demo-form">
   <form>
      <div>                                                                              
         <label for="smartform_ulice1">Ulice a číslo                                                       
         </label>                                                                                 
         <input id="smartform_ulice1" type="text" class="smartform-instance-1 smartform-address-street-and-number" name='ulice' />                                                                  
      </div>
      <div>                                                                              
         <label for="smartform_obec1">Obec                                                       
         </label>                                                                                     
         <input id="smartform_obec1" type="text" class="smartform-instance-1 smartform-address-city" name='obec'/>                                                                  
      </div>
      <div>                                                                                      
         <label for="smartform_psc1">PSČ                                                       
         </label>                                                                                     
         <input id="smartform_psc1" type="text" class="smartform-instance-1 smartform-address-zip" name='psc'/>                                                                     
      </div>
      <div id="vysledek"></div>
   </form>
</div>
<div id="dialog-message" title="Podrobnosti o poštovní adrese"></div>

Zdrojový kód – HTML s výběrem zemi:

<div class="demo-form">
   <form>
      <div>
         <label for="country">Země                                                       
         </label>                                                                             
         <select id="country" onchange="changeCountry()">
            <option value="CZ" selected>Česká republika                                                                 
            </option>
            <option value="SK" >Slovenská republika                                                                 
            </option>
         </select>
      </div>
      <div>                                                                              
         <label for="smartform_ulice2">Ulice a číslo                                                       
         </label>                                                                                 
         <input id="smartform_ulice2" type="text" class="smartform-instance-2 smartform-address-street-and-number" name='ulice' />                                                                  
      </div>
      <div>                                                                              
         <label for="smartform_obec2">Obec                                                       
         </label>                                                                                     
         <input id="smartform_obec2" type="text" class="smartform-instance-2 smartform-address-city" name='obec'/>                                                                  
      </div>
      <div>                                                                                      
         <label for="smartform_psc2">PSČ                                                       
         </label>                                                                                     
         <input id="smartform_psc2" type="text" class="smartform-instance-2 smartform-address-zip" name='psc'/>                                                                     
      </div>
   </form>
</div>