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>