That's a css or jQuery style selector. You would need to use it with jQuery however be aware that it will potentially target more than one textarea

$("#event_editor > textarea").val("code");

To expand on what Gio has said.

document.getElementById()

can only take in an id name. So if you have a text area, you could set an id either in javascript theArea.id = "myTextArea" or in html id="myTextArea"

This should work, but to be sure you have it right, try console.log(document.getElementById(putTheIdHere));

It should print a dom element in console, if it fails to do this, the element does not exist or is not yet part of the document.
 

$("#event_editor > textarea").val("code");

Regarding this, gio is correct that the selector you use "#event_editor > textarea" is a css selector. If you want to use it, you need to use the code Gio suggested, however you have to make sure it only returns one result. If there is more than one text area, it would return them all.

If you still have problems, give us a shout

Thank you.
I tried it the "getElementById()" way and did the following (inspired by this code): 
 

var div = document.createElement('div');

div.innerText = 'Insert Code';



document.getElementById('topBar').appendChild(div);

$(div).button().click(function()

{

  var myTextArea = document.getElementById('event_editor').getElementsByTagName('textarea')[0];

  

  console.log(myTextArea); // This prints a <textarea> piece of html code on the console. When highlighting the code, the textarea in the IDE is highlighted (see the screenshot). This seems to indicate that (at least) the correct textarea is selected?    

  

  myTextArea.value = "code"; // No errors thrown, but nothing happens

  myTextArea.val("code"); // This yields: Uncaught TypeError: myTextArea.val is not a function (because no JQuery is used in this way of getting to the textarea?)

});

Please refer to the comments in my code. Here is the screenshot:
 . 

High tupper, you are correct that val() is a jquery function. While a textArea can have a value, I actually think they work differently to an input field.

Instead of myTextArea.value =

try

myTextArea.textContent = 

UPDATE

I just tried value and it worked for me... Think we need Gio in here

SECOND EDIT

You could still try jquery .val so long as you get text area using getElementById. $(myTextArea).val("code");

hi foxcode

$(myTextArea).val("code")

does not throw an error, but nothing seems to happen as well

as an alternative I could try to show my code in an javascript overlay

Hi tupper

First of all, that textarea isn't just a normal textarea - it's a pretty special text area with syntax higlighting, code autocomplete, syntax error checking, etc.

Therefore you can't just set a value like you would for a normal textarea, and the code to change its contents needs to be a bit more complex.

If you really need to change that content, you would do it like this:

document.getElementById('event_editor').aceInitialized.setValue('hello world');

However it may be better for you to create a new div, open it in a separate dialog, and show the content in there.

var myOwnDiv = document.createElement('div');

myOwnDiv.textContent = 'hello world';

$(myOwnDiv).dialog();

or something along those lines... what the best way is, really depends on what you're trying to achieve.

Thank you, this made it work! I'll let you when I will have finished the extension :]

By the way, an undo feature in the IDE would be really usefull! (STR+Z)

Yeah Undo is definitely on the list of things to do... quite a big job unfortunately, but it will happen eventually!