JavaScript function is working only in FIreFox Not in IE and Safari

[simikc]

Hi,

I am using a javascript function for hiding a particular html row while clicking the check box.
Each row corresponds to different checkbox.

The code I have used is:

<asp:Checkbox ID="chekID_One" onchange="hide_Ctrls('one')" Checked="false" runat="server"></asp:Checkbox>
<asp:Checkbox ID="chekID_Two" onchange="hide_Ctrls('two')" Checked="false" runat="server"></asp:Checkbox>
 
<script language="JavaScript" type="Text/Javascript">
if(value == 'one')
{
var getOne = document.getElementById('chekID_One').checked;    
 
if(getOne == true)
{                
document.getElementById('trOne').style.visibility = "collapse";                
}
else
{
document.getElementById('trOne').style.visibility = "visible";
}
}
</script>
 

This code is working fine in firefox. But not in IE and Safari.
Can anyone tell why is it so???

Plzzz help me...

[gits]

do you get any error message in IE or safari? could you post your hide_Ctrls() function?

ahh ... and i think to hide something you should use 'hidden' as the value for visibility

kind regards

[simikc]

Hi,

No I am not getting any error in IE or Safari. And while using 'hidden' it just make the visibility hidden. The space will be there. Thats why I used 'collapse' which will hide the controls as well as space.
And the hide_Ctrls() function is:

<script language="JavaScript" type="Text/Javascript">
function hide_Ctrls()
{
    if(value == 'one')
    {
    var getOne = document.getElementById('chekID_One').checked; 
 
    if(getOne == true)
    {            
    document.getElementById('trOne').style.visibility = "collapse";    
    }
    else
    {
    document.getElementById('trOne').style.visibility = "visible";
    }
}
</script>

do you get any error message in IE or safari? could you post your hide_Ctrls() function?

ahh ... and i think to hide something you should use 'hidden' as the value for visibility

kind regards

[leoiser]

hi,

Use Div for it...

javascript

function hide_Ctrls()
{
 
        var getOne = document.getElementById('chekID_One').checked;
 
        if(getOne == true)
        { 
            alert('divone none');
            document.getElementById('divone').style.display  = 'none'; 
        }
        else
        {
            alert('divone hidden');
            document.getElementById('divone').style.display = '';
        }
 
        getOne = document.getElementById('chekID_Two').checked;        
 
        if(getOne == true)
        { 
            alert('divtwo none');
            document.getElementById('divtwo').style.display  = 'none'; 
        }
        else
        {
            alert('divtwo hidden');
            document.getElementById('divtwo').style.display = '';
        }
 
}
 
 
Question1 <asp:Checkbox ID="chekID_One" onClick="hide_Ctrls('one')" Checked="false" runat="server"></asp:Checkbox>
        <div id='divone'>
            This is the answer of Question1
        </div>
        Question2<asp:Checkbox ID="chekID_Two" onClick="hide_Ctrls('two')" Checked="false" runat="server"></asp:Checkbox>
       <div id='divtwo'>This is the answer of Question2</div>
 

Hope this will help... Thanks

[simikc]

Hi,

Ya its working fine now.

Thanks... :-)

hi,

Use Div for it...

javascript

function hide_Ctrls()
{
 
        var getOne = document.getElementById('chekID_One').checked;
 
        if(getOne == true)
        { 
            alert('divone none');
            document.getElementById('divone').style.display  = 'none'; 
        }
        else
        {
            alert('divone hidden');
            document.getElementById('divone').style.display = '';
        }
 
        getOne = document.getElementById('chekID_Two').checked;        
 
        if(getOne == true)
        { 
            alert('divtwo none');
            document.getElementById('divtwo').style.display  = 'none'; 
        }
        else
        {
            alert('divtwo hidden');
            document.getElementById('divtwo').style.display = '';
        }
 
}
 
 
Question1 <asp:Checkbox ID="chekID_One" onClick="hide_Ctrls('one')" Checked="false" runat="server"></asp:Checkbox>
        <div id='divone'>
            This is the answer of Question1
        </div>
        Question2<asp:Checkbox ID="chekID_Two" onClick="hide_Ctrls('two')" Checked="false" runat="server"></asp:Checkbox>
       <div id='divtwo'>This is the answer of Question2</div>
 

Hope this will help... Thanks