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 :
[CODE=javascript]document.getEle mentById('contr ol Id').style.disp lay = 'hidden';[/CODE]

For Visible

[CODE=javascript]document.getEle mentById('contr ol Id').style.disp lay = 'none';[/CODE]

[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.visibilit y ,the text box will remain in the place where it was,but you can't see it.and if you use style.display,t he 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 :
[CODE=javascript]document.getEle mentById('contr ol Id').style.disp lay = 'hidden';[/CODE]
For Visible
[CODE=javascript]document.getEle mentById('contr ol Id').style.disp lay = 'none';[/CODE]

You've got the style.display and style.visibilit y properties mixed up. 'hidden' and 'visible' would be used with style.visibilit y (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.getEle mentByID('Contr ol Id').style.disp lay="none";

For make visible
document.getEle mentByID('Contr ol Id').style.disp lay="";

[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";