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.setCountry().

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

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

Zdrojový kód - HTML:

   
         
<script type="text/javascript">

    smartform.beforeInit = function () {
        smartform.setClientId('smartform');
    }
    
    /** V prvnim formulari nastavi Slovensko, ve druhem Cesko */   
    smartform.afterInit = function () {
        smartform.getInstance('smartform-instance-1').setCountry('SK')      
        smartform.getInstance('smartform-instance-2').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').setCountry( country );
    }
                                                                                                                                                                                         
  </script> 
                                 
    <!-- Formular, ktery naseptava slovenske adresy -->                                   
    <div class="demo-form">                                                 
      <form>                	                                             
        <div>                	                                                           
          <label for="ulice1">Ulice a číslo                                                       
          </label>                	                                                           
          <input id="ulice1" type="text" class="smartform-instance-1 smartform-street-and-number" name='ulice' />                	                                             
        </div>                	                                             
        <div>                	                                                           
          <label for="obec1">Obec                                                       
          </label>                	 	                                                       
          <input id="obec1" type="text" class="smartform-instance-1 smartform-city" name='obec'/>                	                                             
        </div>                	                                             
        <div>                     	                                                           
          <label for="psc1">PSČ                                                       
          </label>                	   	                                                       
          <input id="psc1" type="text" class="smartform-instance-1 smartform-zip" name='psc'/>                	                                             
        </div>    
        <div id="vysledek"></div>
      </form> 
    </div>
    
    <div id="dialog-message" title="Podrobnosti o poštovní adrese"></div>
    
    <h2>Formulář umožňující vybrat zemi</h2>      
    <!-- Formular, ktery umoznuje vybrat zemi, ze ktere se naseptava -->                                   
    <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="ulice2">Ulice a číslo                                                       
          </label>                	                                                           
          <input id="ulice2" type="text" class="smartform-instance-2 smartform-street-and-number" name='ulice' />                	                                             
        </div>                	                                             
        <div>                	                                                           
          <label for="obec2">Obec                                                       
          </label>                	 	                                                       
          <input id="obec2" type="text" class="smartform-instance-2 smartform-city" name='obec'/>                	                                             
        </div>                	                                             
        <div>                     	                                                           
          <label for="psc2">PSČ                                                       
          </label>                	   	                                                       
          <input id="psc2" type="text" class="smartform-instance-2 smartform-zip" name='psc'/>                	                                             
        </div>
      </form> 
    </div>    

Hlavní navigace: