How to put a JQuery TE into a tab
Hi All...
I'm trying to make a control that is a series of 3 tabs, and each one contains a different instance of a text editor. I have been playing with JQuery TE which seems like a nice text editor, and I was trying to put it into tabs.
I can successfully put TEXTAREA fields into tabs, but as soon as I tell the textarea fields that they are JQuery editors it all breaks, and I see three different text editors stacked up.
Is this just an incompatibility of the widgets or did I make (yet another) mistake? Thanks...
- <div id="messages">
<ul>
<li><a href="#accept_text"></a></li>
<li><a href="#deny_text"></a></li>
<li><a href="#wait_text"></a></li>
</ul>
<div id="accept_text"><textarea id="accept_text_ed" rows="5" cols="50"> </textarea></div>
<div id="deny_text"><textarea id="deny_text_ed" rows="5" cols="50"> </textarea></div>
<div id="wait_text"><textarea id="wait_text_ed" rows="5" cols="50"> </textarea></div>
</div>
- <script>
- $(function()
{
$("#accept_text").jqte();
$("#deny_text").jqte();
$("#wait_text").jqte();
});
</script>