Use "Hello World Using Client Script" in UserControl

Hi

I want to create a asp.net user control for dynamic date entering, and I'm trying to use the same approach as in the example:

 <form runat="server">
 <div>
 Search for
 <input id="SearchKey" type="text" />
 <input id="SearchButton" type="button"
 value="Search"
 onclick="DoSearch()" />
 </div>
 </form>
 <hr style="width: 300px" />
 <div>
 <span id="Results"></span>
 </div>
 <script type="text/javascript"
 function DoSearch()
 {
 var SrchElem = document.getElementById("SearchKey");
 Samples.AspNet.HelloWorldService.HelloWorld(SrchElem.value,
 OnRequestComplete);
 }
 function OnRequestComplete(result)
 {
 var RsltElem = document.getElementById("Results");
 RsltElem.innerHTML = result;
 }
 </script>

The problem is if I use <input id=SearchKey> -tag for the result, then there will be problems if I use the same control multiple times on one page (the id is not unique, and the OnRequestComplete will update every <input>-tag with id=SearchKey). If I change it to <input id=SearchKey runat=server>, asp will render unique id's for the <input>, but then .getElementById() does not find "object".

I have done a "workaround" where I passes the object's Id to the Webservice, and returns it in an array together with the result, but I don't think this is "a great way". Is there any other solution? A better one?

function DoSearch(CallerId)
{
var SrchElem = document.getElementById(CallerId);
Samples.AspNet.HelloWorldService.HelloWorld(this.id, SrchElem.value,
OnRequestComplete);
}

function OnRequestComplete(result)
{

var objectId = result[0].toString();
var WebServiceResult = result[1].toString();
var RsltElem = document.getElementById(objectId);
RsltElem.innerHTML = result;
}

Regards

Lars K.

This is a common problem... if you use ASP.NET server IDs you need to reference the client ID in client script:

var Ctl = $('<%= SearchKey.ClientID %>');

will do the trick in finding the control reliably.

You also need to use this if use MasterPages or any contained control, so as a general rule this is the best way to reference server based page variables.

+++ Rick --