This project has moved. For the latest updates, please go here.

Moving jHtmlArea object after plug-in added using jquery

Apr 28, 2011 at 8:29 PM
Edited Apr 28, 2011 at 8:31 PM

I have a textarea with the jHtmlArea plug-in added to my page, but would like to be able to move it to another area within the page like an enable/disable function with the sudo code example below. I'm able to move the textarea and editor just fine, but then the iframe within it loses the ability to edit along with the toolbar buttons do not work anymore. Any ideas work greatly help. Thanks :)

<script type="text/javascript" >
$(document).ready(function() {
$textarea = $('<textarea/>').appendTo('body');
$textarea.htmlarea();
}

....

$('<a href="#" class="edit">EDIT</a>').mousedown(function (e) { 
$('#currentarea_id').append( $("#jHtmlArea") );
})