Accessing Web Forms Controls with javascript

[Red]

Can you access web form control via javascript ie..

if I have <asp:textbox runat=server id=txtTextbox/>

can I say in javascript

txtTextbox.Enab led = true;

??

[Jim Mace]

Personally, I could never get you using the ID attribute of a Web control to work with JavaScript. Instead, when you view the source of your web page from a Web browser you will see that the server automatically assigns the Web control a ClientID the usually begins, at least in my experience, something line "_ctl0_<ID attribute value>". Since the Enabled property is server side I'm not sure that you would be able to control it like that using JavaScript. However, a workaround could be to set the display attribute of the controls style property to 'block' if you wanted it to be visible and 'none' if you wanted it to be not visible. A sample JavaScript code would be

function ShowControl (controlID)
var element = document.getEle mentById (controlID)
//to show the element use the followin
element.style.d isplay = 'block'
//to hide the element use the followin
element.style.d isplay = 'none'
However, the above function works well in Internet Explorer, but the earlier versions of Opera does not support the display property, so you would have to use the visibility attribute instead as follows

function ShowControl (controlID)
var element = document.getEle mentById (controlID)
//to show the element use the followin
element.style.v isibility = 'visible'
//to hide the element use the followin
element.style.v isibility = 'hidden '
I hope this helps
Ji

[Red]

That was what I was looking for. Thanks alot.
"Jim Mace" <an*******@disc ussions.microso ft.com> wrote in message
news:59******** *************** ***********@mic rosoft.com...

Personally, I could never get you using the ID attribute of a Web control to work with JavaScript. Instead, when you view the source of your web page
from a Web browser you will see that the server automatically assigns the
Web control a ClientID the usually begins, at least in my experience,
something line "_ctl0_<ID attribute value>". Since the Enabled property is
server side I'm not sure that you would be able to control it like that
using JavaScript. However, a workaround could be to set the display
attribute of the controls style property to 'block' if you wanted it to be
visible and 'none' if you wanted it to be not visible. A sample JavaScript
code would be:
function ShowControl (controlID) {
var element = document.getEle mentById (controlID);
//to show the element use the following
element.style.d isplay = 'block';
//to hide the element use the following
element.style.d isplay = 'none';
}

However, the above function works well in Internet Explorer, but the earlier versions of Opera does not support the display property, so you
would have to use the visibility attribute instead as follows:
function ShowControl (controlID) {
var element = document.getEle mentById (controlID);
//to show the element use the following
element.style.v isibility = 'visible';
//to hide the element use the following
element.style.v isibility = 'hidden ';
}

I hope this helps,
Jim