Kód:
<script type="text/javascript">
document.getElementById('vm_dodaci_field').onclick = function(){
if (document.getElementById('vm_dodaci_field').checked)
{
document.getElementById("company_field").style.visibility = "visible";
document.getElementById("company_div").style.visibility = "visible";
document.getElementById("address_1_field").style.visibility = "visible";
document.getElementById("address_1_div").style.visibility = "visible";
document.getElementById("city_field").style.visibility = "visible";
document.getElementById("city_div").style.visibility = "visible";
document.getElementById("zip_field").style.visibility = "visible";
document.getElementById("zip_div").style.visibility = "visible";
document.getElementById("phone_1_field").style.visibility = "visible";
document.getElementById("phone_1_div").style.visibility = "visible";
document.getElementById("phone_2_field").style.visibility = "visible";
document.getElementById("phone_2_div").style.visibility = "visible";
}
else
{
document.getElementById("company_field").style.visibility = "hidden";
document.getElementById("company_div").style.visibility = "hidden";
document.getElementById("address_1_field").style.visibility = "hidden";
document.getElementById("address_1_div").style.visibility = "hidden";
document.getElementById("city_field").style.visibility = "hidden";
document.getElementById("city_div").style.visibility = "hidden";
document.getElementById("zip_field").style.visibility = "hidden";
document.getElementById("zip_div").style.visibility = "hidden";
document.getElementById("phone_1_field").style.visibility = "hidden";
document.getElementById("phone_1_div").style.visibility = "hidden";
document.getElementById("phone_2_field").style.visibility = "hidden";
document.getElementById("phone_2_div").style.visibility = "hidden";
}
}
</script>
<style>
#company_field, #company_div,#address_1_field, #address_1_div, #city_field, #city_div,#zip_field, #zip_div,
#phone_1_field, #phone_1_div, #phone_2_field, #phone_2_div {visibility:hidden;};
</style>
<script type="text/javascript">
document.getElementById('vm_fir_field').onclick = function(){
if (document.getElementById('vm_fir_field').checked)
{
document.getElementById("vm_firmy_field").style.display = "block";
document.getElementById("vm_firmy_div").style.display = "block";
document.getElementById("vm_uliceb_field").style.display = "block";
document.getElementById("vm_uliceb_div").style.display = "block";
document.getElementById("vm_mestob_field").style.display = "block";
document.getElementById("vm_mestob_div").style.display = "block";
document.getElementById("vm_pscb_field").style.display = "block";
document.getElementById("vm_pscb_div").style.display = "block";
document.getElementById("vm_ico_field").style.display = "block";
document.getElementById("vm_ico_div").style.display = "block";
document.getElementById("vm_dic_field").style.display = "block";
document.getElementById("vm_dic_div").style.display = "block";
document.getElementById("vm_telfax_field").style.display = "block";
document.getElementById("vm_telfax_div").style.display = "block";
document.getElementById("vm_mobil_field").style.display = "block";
document.getElementById("vm_mobil_div").style.display = "block";
}
else
{
document.getElementById("vm_firmy_field").style.display = "none";
document.getElementById("vm_firmy_div").style.display = "none";
document.getElementById("vm_uliceb_field").style.display = "none";
document.getElementById("vm_uliceb_div").style.display = "none";
document.getElementById("vm_mestob_field").style.display = "none";
document.getElementById("vm_mestob_div").style.display = "none";
document.getElementById("vm_pscb_field").style.display = "none";
document.getElementById("vm_pscb_div").style.display = "none";
document.getElementById("vm_ico_field").style.display = "none";
document.getElementById("vm_ico_div").style.display = "none";
document.getElementById("vm_dic_field").style.display = "none";
document.getElementById("vm_dic_div").style.display = "none";
document.getElementById("vm_telfax_field").style.display = "none";
document.getElementById("vm_telfax_div").style.display = "none";
document.getElementById("vm_mobil_field").style.display = "none";
document.getElementById("vm_mobil_div").style.display = "none";
}
}
</script>
<style>
#vm_firmy_field, #vm_firmy_div,#vm_uliceb_field, #vm_uliceb_div, #vm_mestob_field, #vm_mestob_div,#vm_pscb_field, #vm_pscb_div,
#vm_ico_field, #vm_ico_div, #vm_dic_field, #vm_dic_div, #vm_telfax_field, #vm_telfax_div, #vm_mobil_field, #vm_mobil_div {display:none;};
</style>
Tento kod funguje avsak s jednou chybickou.
Ma velke medzery (vela volnych riadkov) medzie jednotlivymi checkboxmi.
Ako to mozem upravit?
Dakujem za pomoc.