Jquery fails on 2nd load

I am using Jquery ajax to load a page(form.asp) into a div on another page (index.asp). On the form.asp page I am using CKEditor for jQuery for some form fields so that the content is posted onto a processing page using serialize(). The first time the form.asp is loaded in it works perfectly but if the form.asp page has to be loaded a 2nd time (with ajax) then the "CKEditor instance [form field] could not be found!" alert appears.
Does anybody know why the Jquery version of loading CKEditor works the first time but not the second.
I have to use the jQuery version (I think) as serialize() won't pick up the changed content with the normal CKEditor.
Thanks in advance
Decker

Thu, 12/08/2011 - 19:34

afrebynoe

Joined: 08/12/2011

Posts: 2

Re: Jquery fails on 2nd load

The first time the form.asp is loaded in it works perfectly but if the form.asp page has to be loaded a 2nd time (with ajax) then the "CKEditor instance [form field] could not be found!" alert appears.

Got the same mistake. Can't even imagine what it can be. Any help?

Fri, 12/09/2011 - 17:35

decker

Joined: 02/12/2011

Posts: 2

Re: Jquery fails on 2nd load

It would appear that something like the following would work

var instance = CKEDITOR.instances['editorname'].getData();
if(instance){
instance.destroy();
}

However I am loading the ckeditor form page via an Ajax call into a div on index.html and the same ajax call also loads other pages into the save div, thus I need to action the above where I am making the ajax call on index.html.
As a test I use

var instance = CKEDITOR.instances['editorname'].getData();
alert("editor:" +instance);

but this seems to fail as I need to targer the CKEditor from outside the ajax loaded content, then I put the same code in a js functionon the ckeditor form page it works a treat.

Thus does anybody know the syntax to target the CKeditor if it is loaded via ajax from the parent page?