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 = document.getElementById("country").value
        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>

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>