COntainer getting displayed eventhough setVisible(false)

shahzamaj

In the following code, Containers are getting displayed eventhough setVisible(false) in FormAPI.

Can someone pls let me know whats wrong ?

[html]








Product Line

Select name for product line










Wireless Product Type

Select wireles product














Select cable product







Select Internet product








Select Home Phone product






Top Questions

English - Select Heading For Top Questions




French - Select Heading For Top Questions




Top Questions and URL

English Top Question



French Top Question




English Top Question URL




French Top Question URL




Select How to Display Link







English Select Heading for More FAQs



French Select Heading for More FAQs



English More FAQs



French More FAQs






Other Support Topics

English Select Heading For Other Support Topics




French Select Heading For Other Support Topics




Other Support Topics and URL

English Other Support Topic



French Other Support Topic




English Other Support Topic URL




French Other Support Topic URL



Select How to Display Link







English Select Heading for More FAQs



French Select Heading for More FAQs



ENglish More FAQs



French More FAQs








<script>
IWEventRegistry.addFormHandler("onFormInit" init);
function init(){

IWEventRegistry.addItemHandler("/categories/product_line/product_line_item", "onItemChange", selectProductType);
var wirelessProduct = IWdatacapture.getItem("/categories/product_line/product_type/wireless_product_type");
var cableProduct = IWdatacapture.getItem("/categories/product_line/product_type/cable_product_type");
var internetProduct = IWdatacapture.getItem("/categories/product_line/product_type/internet_product_type");

var homephone = IWdatacapture.getItem("/categories/product_line/product_type/homephone_product_type");
var productLine = IWDaracapture.getItem("/categories/product_line/product_line_item");

ProductLine = IWDatacapture.getItem("/categories/product_line/product_line_item");
IWdatacapture.getItem("/categories/product_line/product_type/wireless_product_type").setVisible(true);

IWdatacapture.getItem("/categories/product_line/product_type/cable_product_type").setVisible(false);

internetProduct.setVisible(false);

homephoneProduct.setVisible(false);


}


function selectProductType(){

var selectedProduct = IWDatacapture.getItem("/categories/product_line/product_line_item").getOptions()[productLine.getValue()].value;

if(selectedProduct=="cable"){
wirelessProduct.setVisible(false);

cableProduct.setVisible(true);

internetProduct.setVisible(false);

homephoneProduct.setVisible(false);
}
elsif(selectedProduct=="internet"){alert("1");
wirelessProduct.setVisible(false);

cableProduct.setVisible(false);

internetProduct.setVisible(true);
homephoneProduct.setVisible(false);
}
else(selectedProduct=="homephone"){ wirelessProduct.setVisible(false);

cableProduct.setVisible(false);
internetProduct.setVisible(false);

homephoneProduct.setVisible(true);
}
}

</script>

[/html]

This is not working from onFormInit, init function. When it loads wireless should be selected and product type belonging to wirelkess shd be displayed all the other three product lines (internet, cable and homephone) should not be visible. Only selected product line and correcponding product type has to be visible.

Please let me know, whats wrong with this code. I tried putting init() in the beginning of the code and at the end as well. I tried putting alerts after everyline, but init() is not working. I am not surewhats wrong in here.

Thanks

nipper

You need training.

Put an alert on the 1st line of the init function, if it does not fire you have a JS syntax error.

Set your browser to show all JS errors and start debugging.