Demo – našeptávání firem a adres dohromady.

První formulář má firemní políčka a adresní políčka. Adresní políčka budou sloužit jen jako výstupní – zapíše se do nich adresa firmy, když někdo vybere firmu v našeptávači. Žádný našeptávač u nich nebude.

Druhý formulář má adresní políčka, u kterých je zároveň zapnutý našeptávač adres.

První formulář (adresní políčka nemají našeptávač)

 

 

Druhý formulář (adresní políčka mají našeptávač poštovních adres)

 

 

Zdrojový kód – JavaScript

<script type="text/javascript">
   var smartform = smartform || {};

   smartform.beforeInit = function () {
       smartform.setClientId('[clientId]');
   }
</script>

Zdrojový kód – HTML pro první formulář

<form>
    <input class="smartform-instance-1 smartform-company-name" id="smartform_nazev_1" placeholder="Název firmy" type="text"/>
    <input class="smartform-instance-1 smartform-company-registration-number" id="smartform_ico_1" placeholder="IČO" type="text"/>
    <input class="smartform-instance-1 smartform-company-vat-number" id="smartform_dic_1" placeholder="DIČ" type="text"/>

    <input class="smartform-instance-1 smartform-company-address-street-and-number" id="smartform_ulice_a_cislo_1" placeholder="Ulice a číslo" type="text"/>
    <input class="smartform-instance-1 smartform-company-address-city" id="smartform_obec_1" placeholder="Obec" type="text"/>
    <input class="smartform-instance-1 smartform-company-address-zip" id="smartform_zip_1" placeholder="PSČ" type="text"/>
</form>

Zdrojový kód – HTML pro druhý formulář

<form>
    <input class="smartform-instance-2 smartform-company-name" id="smartform_nazev_2" placeholder="Název firmy" type="text"/>
    <input class="smartform-instance-2 smartform-company-registration-number" id="smartform_ico_2" placeholder="IČO" type="text"/>
    <input class="smartform-instance-2 smartform-company-vat-number" id="smartform_dic_2" placeholder="DIČ" type="text"/>
    <input class="smartform-instance-2 smartform-company-address-street-and-number smartform-address-street-and-number" id="smartform_ulice_a_cislo_2" placeholder="Ulice a číslo" type="text"/>
    <input class="smartform-instance-2 smartform-company-address-city smartform-address-city" id="smartform_obec_2" placeholder="Obec" type="text"/>
    <input class="smartform-instance-2 smartform-company-address-zip smartform-address-zip" id="smartform_zip_2" placeholder="PSČ" type="text"/>
</form>