Probem in javascript in a JSF when implementing tiles in it

[Radhe Krishna]

Hi,

I am working on RSA 6.0
I am writnig a jsp using jsf components. Also i am handling some hide and show functionality of drop down components through javascript.
The jsp is running fine with all the javascript but when i imlpemented the tiles concept in th jsf, the same files started throwing javascript error. It says that 'option' is null or not an object.

"listCoverType" is returning null

PLease refer the Snippet :

 
<script type="text/javascript" >
function showhide()
{
 
var listCoverType=document.getElementById("formHI:COVERTYPECODE");
 
var x=listCoverType.options[listCoverType.selectedIndex].value;
 
 
document.getElementById("johndiv2").style.display= (x==1 || x==2 || x==3) ? '':'none';
}
</script>
 
<h:form id="formHI" >
f:verbatim><div style="display:''" id="try"></f:verbatim>
<f:verbatim><ul ></f:verbatim>
<f:verbatim><li ></f:verbatim>
 
<h:selectOneMenu  id="COVERTYPECODE"  value="12" title="#{msg['crosssell.hi.tip_cover_required_value']}" onchange="showhide()" >
<f:selectItem itemLabel="Please Select" itemValue="0" />
<f:selectItem itemLabel="Buildings and Contents only cover" itemValue="1" />
<f:selectItem itemLabel="Buildings only cover" itemValue="2" />
<f:selectItem itemLabel="Contents only cover" itemValue="3" />
<f:selectItem itemLabel="None" itemValue="none" />
</h:selectOneMenu>
<f:verbatim></li></f:verbatim>
<f:verbatim></ul></f:verbatim>
<f:verbatim></div></f:verbatim>
</h:form>

[ Edited to use code tags - Paul Sturrock ]
[ May 23, 2008: Message edited by: Paul Sturrock ]

[Tim Holloway]

Chances are good that the tiling is altering the ID of the generated control. This is where browser tools like the Firefox DOM explorer can be useful.

Or, if you prefer, "show page source".

[Radhe Krishna]

Thanks a lot.. I view the source of the page and yes the id was a different one. So i wrote in the newly generated id and it worked. Thanks again