jquery click function and another jquery script

Question

i insert many texarea's, and teaxarea's with tiny mce (WYSIWYG). But when i Insert this teaxarea's from this function Tiny MCS don't work. Why?

Thanks

$(document).ready(function(){
  $("#InsertNew").click(function() {
   $('<textarea id = "tinyMCE"></textarea>').appendTo($('#textBody'));
  });
 });

What does your .tinyMCE script look like? The one that's running based on that selector? Also you should use a class here, IDs need to be unique. — Nick Craver
– Nick Craver, Commented Aug 9, 2010 at 12:34
you've only tagged half of your questions as answered. I hope that doesn't mean you are not getting useful help here. — Álvaro González
– Álvaro González, Commented Aug 9, 2010 at 12:44

Yves M. · Accepted Answer · 2010-08-09 13:54:57Z

3

Well your code looks like this:

<textarea id="tinyMCE"></textarea>

So what is happening here? You just add a textarea with the ID="tinyMCE" but no behaviour is added to the TextArea.

In jQuery I would expect at least the following:

<textarea class="tinyMCE"></textarea>

or event better:

$('<textarea></textarea>').tinyMCE().appendTo($('#textBody'));

EDIT:

You might try something like this...

$('<textarea id="UniqueId"></textarea>').tinyMCE().appendTo($('#textBody'));   
tinyMCE.init({
  mode : "exact",
  elements : "UniqueId"
});

On the tinyMCE-Formus is already a diskussion going on...

http://tinymce.moxiecode.com/punbb/viewtopic.php?id=15477

edited Aug 9, 2010 at 13:54

answered Aug 9, 2010 at 12:40

Yves M.

3,31816 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

lolalola Over a year ago

Thanks, but i change tiny mce parameter and now work with: <textarea class = "tinyMCE"></textarea> (if i write in html). But when i put this code in my jQuery function still dos't work

Adam Tomat · Accepted Answer · 2010-08-09 12:38:15Z

0

you mentioned you are using many text areas, the place ur trying to append to is #textBody (an id). If you are not aware, you can only have one instance of an ID per page. Instead use a classes: class="textBody" in your html then try:

$('<textarea id = "tinyMCE"></textarea>').appendTo('.textBody');

edited Aug 9, 2010 at 12:38

answered Aug 9, 2010 at 12:31

Adam Tomat

11.6k6 gold badges41 silver badges48 bronze badges

1 Comment

Álvaro González Over a year ago

Well spot, but the problem is actually id="tinyMCE".

Álvaro González · Accepted Answer · 2010-08-09 12:39:53Z

0

Most likely, because TinyMCE has an initializer that scans the document looking for textareas and applies some magic on the ones that finds. Whatever you add later won't inherit this. You have to either:

Re-run the TinyMCE initializer on every new item
Configure TinyMCE to detect new areas

Since TinyMCE is not a jQuery plugin, I suppose you can only do #1.

answered Aug 9, 2010 at 12:39

Álvaro González

147k45 gold badges282 silver badges378 bronze badges

2 Comments

lolalola Over a year ago

Thanks, but how impossible re-run script?

Álvaro González Over a year ago

How do you run it the first time?

Jochen · Accepted Answer · 2010-08-09 12:40:04Z

0

I think this forum post is what you are looking for.

You will need to use the jQuery live method and a trick explained at the link above.

answered Aug 9, 2010 at 12:40

Jochen

1,48816 silver badges21 bronze badges

Collectives™ on Stack Overflow

jquery click function and another jquery script

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

1 Comment

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related