Filling a textbox on a parent web user control from a child

[neilault]

Hi,

I currently have a web user control (pf_imageselector.ascx) which is dynamically created (any number of times) on a parent web user control (pf_fillitems.ascx) which in turn has been loaded into a webform (default.aspx). On the user control is a text box called txbSelectedImage and a button. On click of the button run's this code:

function OpenChild()
{

var strImageFile;
var WinSettings = "height=580,width=630,status=yes,toolbar=no,menuba r=no,location=no";

window.open("pf_stockimage.aspx", null, WinSettings);

}

Which obviously open a child webform. From here the user can select something from a listbox and the click another button, which then hopefully passes back the selected value to the textbox on the parent user control. Code so far is:

function PassSelectedImage()
{

var lstImages = document.forms[0].lstImages;
var i = lstImages.selectedIndex;

window.opener.document.forms[0].txbSelectedImage.value = lstImages.options[i].value;
window.close();

}

My problem is that I get an erorr stating that above is null or not an object. How do I reference the textbox that is sitting inside the user control (ID is generated at runtime), which is also sittting in another usercontrol (I know the ID of this one) on a webform (default.aspx, which as a form called Form1).

[u2orange]

Have you tried referencing your control via "getElementById"? E.G.,

window.opener.document.forms[0].getElementById("txbSelectedImage").value = lstImages.options[i].value;

HTH

[neilault]

Tried that... all I get then is an error message stating "Object doesn't support this property or method"...

[u2orange]

On your popup page, give the form tag a name:

Code: Select all

<form name="myform">

and then in your line of code:

Code: Select all

window.opener.document.forms[0].txbSelectedImage.value = lstImages.options[i].value;

alter to:

Code: Select all

window.opener.document.forms[0].txbSelectedImage.value = document.myform.lstImages.options[i].value;

I tried your above code and got nothing, I then referenced fully the source option and got a result.

If you are still having problems getting the value from your selected item in your popup, try this:

Code: Select all

var item = document.myform.lstImages.selectedIndex
window.opener.document.forms[0].txbSelectedImage.value = document.myform.lstImages.options[item].value;

Also just a remember point, if you are calling objects given an ID over a NAME, you will need to use getElementById("..."). But I bet you already know that from the previous posts
HTH

[Smokie]

This belongs in the javascript section...

[u2orange]

You sure this is not jscript.net?

[Smokie]

yeah fairly sure! what do you reckon?

[u2orange]

I am not sure I had a look at jscript.net and they looked very much the same. Either way, you are correct, because this would still not be asp.net, but jscript.net.

Ohh, how I love egg on my face .

[Smokie]

nah its cool mate, if its got .NET in it somewhere, then it belongs here!