I have function that creates textareas fields on the fly upon a click on a link

I want to convert these textareas into tinymce wysiwyg

here is the code

                 var uniq = $(this).attr("uniqid");

            function add_tab_ui(elem,uniq){
              var content = "<div class='wrapTab'><label >Tab Title:<input type='text' name='tab-title-"+uniq+"' id='tab-title' value='' placeholder = 'Add Tab Title' />  </label><br/><br/>";
              content+= "<label>Tab Content: <textarea name='tab-content-"+uniq+"' class='tinymce_enabled' id='tab-content' ></textarea></label><br/><br/><a href='#' class='del_tab'>Delete Tab</a><br/><br/></div>"  

                function add_tmce(){
                 tinyMCE.execCommand("mceAddControl", false,'textarea#tab-content');

The way I did does not work
what I am really looking for is a way to automatically replace every textarea with id "tab-content" into tinymce wysiwyg and that should happen ON THE FLY
Also note that I am working inside wordpress back end and I MUST use the javascript way to do it NOT the php way wp_editor() function which is built-in wordpress
Any thoughts are appreciated :)

found the solutions

It was like that

function add_tmce(){
      var i=1;
           var id = jQuery(this).attr('id');

             if (!id)
                    id = 'customEditor-' + i++;

             tinyMCE.execCommand('mceAddControl', false, id);

Be a part of the DaniWeb community

We're a friendly, industry-focused community of 1.20 million developers, IT pros, digital marketers, and technology enthusiasts learning and sharing knowledge.