Textbox Visibility

[mathewgk80]

Hi all,

I would like to know whether i can set the textbox visible(which is already invisible) using javascript.

I am using asp.net and c#.net.

Please help me.

regards,
Mathew

[iam_clint]

yeah

document.getElementById("id of the text box").style.visibility = "visible";
 

or if your using display: none; then

document.getElementById("id of the text box").style.display= "block";
 

[kunal pawar]

You can hide any control using Style property

For Hide :

document.getElementById('control Id').style.display = 'hidden';

For Visible

document.getElementById('control Id').style.display = 'none';

[Ferris]

yeah

document.getElementById("id of the text box").style.visibility = "visible";
 

or if your using display: none; then

document.getElementById("id of the text box").style.display= "block";
 

I agree with this version.

by the way,if you use style.visibility ,the text box will remain in the place where it was,but you can't see it.and if you use style.display,the text box will be removed from the place (not from the web page.)

hope it helps.

[acoder]

You can hide any control using Style property
For Hide :

document.getElementById('control Id').style.display = 'hidden';

For Visible

document.getElementById('control Id').style.display = 'none';

You've got the style.display and style.visibility properties mixed up. 'hidden' and 'visible' would be used with style.visibility (it should be 'none' and 'block' if you're using style.display).

In your code, the first line won't work. The second will actually hide the element.

[kunal pawar]

for Hide control

document.getElementByID('Control Id').style.display="none";

For make visible
document.getElementByID('Control Id').style.display="";

[iam_clint]

your javascript would fail
This code won't work

document.getElementByID('Control Id').style.display=""; 
 

This code will work

document.getElementById('Control Id').style.display=""; 
 

I would use a property here myself something such as inline or block..

document.getElementById('Control Id').style.display="inline";