referencing asp.net controls in javascript

[jarremw]

hello all
i am trying to pass some text from a textbox to a dropdownlist in my asp.net page, i am using the modal popup extender and vs 2008, how do i go about referencing asp controls when writing the javascript? i have the pop up display with two textbox's and two buttons, when the ok button is clicked i want whatever is in the textboxs to go to the asp dropdown, so how would i go about doing this?

thanks

[acoder]

Check how the controls are rendered on the client-side.

If you can get the IDs and/or names it should be relatively straightforward to access the elements. If it's not easy to determine the ID/name from what the ASP.NET code looks like, use ASP.NET code to get the client-side ID and use that with document.getElementById().

[jarremw]

Check how the controls are rendered on the client-side.

If you can get the IDs and/or names it should be relatively straightforward to access the elements. If it's not easy to determine the ID/name from what the ASP.NET code looks like, use ASP.NET code to get the client-side ID and use that with document.getElementById().

Is that how i call an asp.net server control? like for the button 1 click event i have me.dropdownlist1.items.add(textbox2.text), the textbox that resides in the modal popup...is there a way to reference this control by just getting its id/name, or do i need to redo it in javascript?

[acoder]

Show how the code is rendered in your browser.

[jarremw]

ok, so if use this code:

var fill
function onclick()
{
document.getelementbyid('<%=dropdownlist1.clientid %>')
}

will just using this reference that control and make the click event for the control happen?...also i am aiming this event at a contol that is in an update panel, so do i need it to do a postback?

[jarremw]

ok, this is what i have my modal popup extender pointing too for the onokscript..
<script type="text/javascript">
function onclick()
{

}
</script>

this is what i have in the button1 click event
Me.commentsbox.Text = "textbox1.text"

textbox1.text and button1 are in the modalpopup, so what i need to know is what ajax function do i use to call this event when the button1 is clicked so that it fills the comment box with whatever is in textbox1? i have searched google and cant find anything relating to what i am wanting to do, maybe im just searching for the wrong thing...PLEASE HELP!!!

[acoder]

ok, so if use this code:
...
document.getelementbyid('<%=dropdownlist1.clientid %>')
...
will just using this reference that control and make the click event for the control happen?

JavaScript is case-sensitive, so it's document.getElementById(). The code would reference the control, but that's it. You need to call a method or set a property to actually do something with it.

[acoder]

so what i need to know is what ajax function do i use to call this event when the button1 is clicked so that it fills the comment box with whatever is in textbox1?

As I've mentioned before, you need the client-side ID.

As for the filling, say you've referenced them, then the following should work:

// commentbox is a ref. to the comment box and textbox1 to the text box
commentbox.value = textbox1.value;
// if you need to add to a drop down:
try {
    dropdown1.add(textbox1.value,null); // standard-compliant
} catch (err) {
    dropdown1.add(textbox1.value); //IE-only
}

Is the modal popup that you refer to a real popup window or a DHTML pseudo-popup? If it's a window, you will need to reference the window first to gain access to the elements within it from the parent page, or vice versa.

[jarremw]

As I've mentioned before, you need the client-side ID.

As for the filling, say you've referenced them, then the following should work:

// commentbox is a ref. to the comment box and textbox1 to the text box
commentbox.value = textbox1.value;
// if you need to add to a drop down:
try {
    dropdown1.add(textbox1.value,null); // standard-compliant
} catch (err) {
    dropdown1.add(textbox1.value); //IE-only
}

Is the modal popup that you refer to a real popup window or a DHTML pseudo-popup? If it's a window, you will need to reference the window first to gain access to the elements within it from the parent page, or vice versa.

its dhtml, ok i cant try this right now because im at work, maybe on lunch, but this will be my new code....

function onok()
{
document.getElementById("textbox1")
document.getElementById("dropdownlist1")
try{
       dropdownlist1.add(textbox1.value,null);
}catch (err) {
                   dropdownlist1.add(textbox1.value);
}
 

im using the vs2008 and when i was trying last night it kept on trying to get me to use nodevalue for some reason, is that just the way vs2008 does it?

thanks for the help so far

[acoder]

Change that to:

function onok()
{
var textbox1 = document.getElementById("textbox1");
var dropdownlist1 = document.getElementById("dropdownlist1");
try{
       dropdownlist1.add(textbox1.value,null);
}catch (err) {
                   dropdownlist1.add(textbox1.value);
}

[jarremw]

ok im using this as my code

function onok()
 
      {
 
      var textbox1 = document.getElementById("textbox1");
 
      var commentbox = document.getElementById("commentsbox");
 
      try{
 
            commentsbox.nodevalue = textbox1.nodevalue;
            alert(textbox1.nodeValue);
 
      }catch (err) {
 
                         commentsbox.value = textbox1.value;
 
      }
 

and this is the modal pop up code

<cc1:ModalPopupExtender ID="HyperLink1_ModalPopupExtender" runat="server" 
                   CancelControlID="button2" DropShadow="True" OkControlID="button1" 
                   PopupControlID="panel2" TargetControlID="HyperLink1" 
                   onokscript="onok()">
               </cc1:ModalPopupExtender>
 

when i have the popup come up and i click on the button, nothing happens, im using vs2008, so could this be the problem?

[acoder]

Firstly, are the IDs on the client-side "textbox1" and "commentsbox"?

If they are, you still need to make sure you use the correct variable name. You have commentbox and commentsbox.

There's no nodeValue in JavaScript, use value instead. There's also no need for a try/catch here.

If that doesn't solve the problem, show me what the code looks like in your browser (view source).

[jarremw]

yeah the ids are the same...

i used this code also

function onok()
{
var textbox1 = document.getElementById("textbox1");
var dropdownlist1 = document.getElementById("dropdownlist1");
try{
       dropdownlist1.add(textbox1.value,null);
}catch (err) {
                   dropdownlist1.add(textbox1.value);
}
 

and still nothing, does it have something to do with my button? should i make the button click event point to the ajax script? because right now all i have is the modal pop up extender onokscript event pointing to it...

[acoder]

Can you post a test page link? If not, at least post the code (client-side, not .NET), so I can see where the problem might lie.

[jarremw]

i acutally got it to work last night, turns out i forgot that javascript is case sensitive, so my textbox id was TextBox1 and i was looking for textbox1, so when i changed to TextBox1 it started working, thanks for the help though....
also, im trying to add items to a dropdownlist that is nested in an update panel, the thing i couldnt get to work last night was the adding items to the dropdownlist, is there a way a make the updatepanel do a postback within the script?

[acoder]

i acutally got it to work last night, turns out i forgot that javascript is case sensitive, so my textbox id was TextBox1 and i was looking for textbox1, so when i changed to TextBox1 it started working, thanks for the help though....

That's good. Could've been spotted if you posted the client-side code.

also, im trying to add items to a dropdownlist that is nested in an update panel, the thing i couldnt get to work last night was the adding items to the dropdownlist, is there a way a make the updatepanel do a postback within the script?

Post the relevant HTML code as it appears in the browser.