Inserting value to AjaxControlToolkit.HTMLEditor using javascript

Question

I'm using AjaxControlToolkit.HTMLEditor, and I want to add value to it using javascript or jquery like this:

alert( $find("eCompose_ctl02_ctl01")); // if 

$find("eCompose_ctl02_ctl01").attr('value') = "asdfasdfasdf  asdfasd asdf sf";

also tried like this:

 document.getElementById('eCompose_ctl02_ctl01').value += "ababsakas asdasd l";

But the above code does not insert text into HTMLEditor. Can anyone help me? thanks...

EDIT this is html code for HTMLEditor:

<HTMLEditor:Editor ID="eCompose" runat="server" Height="240px" Width="90%" AutoFocus="true" InitialCleanUp="true" /> 

i tried to access like this:

alert(document.getElementById("<%= eCompose.ClientID %>"))

and got null

Answer 1

It looks like you might be confusing AJAX.NET and jQuery.

attr() is a valid jQuery function, but am not so sure it is AJAX.NET. $find() is AJAX.NET, whereas $() is jQuery.

Does yor item eCompose_ctl02_ctl01 have a ClientID? I.e what does the rendered HTML look like? Check out http://stackoverflow.com/questions/982662/get-and-find-with-ajax-net for this sort of issue.

Also, what does the alert give you?

Give us some more info, e.g. HTML.

Answer 2

The way to do it using the Ajax methods that .NET provides is: $find("NAME_OF_THE_CONTROL").set_content("Hello world");

NAME_OF_THE_CONTROL is the ClientID of your control, I suppose in this case, eCompose_ctl02_ctl01.