Listening for 'Focus' on multiple FCKEditors

Hello All,
I just started using the FCKEdtitor in my Web Application, and I have a question about the Javascript API. Previously I was using NicEdit on Divs to do Inline editing. I had it setup so that whenever a user clicked with in a div a Javascript event would fire in the background and if the user left the page before saving they would be notified that they need to save the page.

I have about 6 Textareas on the page that are being turned into Editors. I'am using jQuery to loop through each of the editors and apply the FCK Editor with the jQuery FCK Editor Plugin. I was wondering how I would go about adding a listening method to these 6 FCK editors so that whenever the user focused on the textareas the save message would fire.

Thank you for the help!
Steve

Thu, 04/30/2009 - 15:15

saul11

Joined: 19/06/2006

Posts: 633

Re: Listening for 'Focus' on multiple FCKEditors

An alternative is to check whether there are modifications not yet saved on submit: viewtopic.php?f=6&t=12018&p=31667&hilit=isdirty#p31667

Thu, 04/30/2009 - 15:54

whobutsb

Joined: 28/04/2009

Posts: 6

Re: Listening for 'Focus' on multiple FCKEditors

Thanks for the help! I tried to apply this function on my window.beforeunload function and I don't think it is working properly.

function windowUnLoadSave() {
window.onbeforeunload = function () {
checkFCKeditors();
if (unSaved == 0) {
return "There are unsaved changes on this page. Please Make sure to save your changes for before exiting.";
return false;
}
}
}

//Check to see if there have been changes
function checkFCKeditors()
{
var fckeditorName, editorInstance;

if (window.FCKeditorAPI)
{
for (fckeditorName in FCKeditorAPI.Instances) // Use __Instances in FCKeditors prior to version 2.6
{
if ((editorInstance = FCKeditorAPI.GetInstance(fckeditorName)).IsDirty())
{
var unSaved = 0;
return true;
}
}
}
return false;
}

Thu, 04/30/2009 - 16:16

saul11

Joined: 19/06/2006

Posts: 633

Re: Listening for 'Focus' on multiple FCKEditors

Your var unsaved is scoped to each function, so setting it in one will not affect the other.

Try

if (checkFCKeditors()) {
  alert("There are unsaved changes on this page. Please Make sure to save your changes for before exiting.");
  return false;
}

Thu, 04/30/2009 - 21:06

whobutsb

Joined: 28/04/2009

Posts: 6

Re: Listening for 'Focus' on multiple FCKEditors

Would there be a way so that the variable unsaved would document wide? The way I have my application setup is when something is changed the var is set to 1, when the "Save Button" is clicked it resets the variable to 0. When the window is unloaded it first checks to see if the var is set to 1, if it is then it displays a save reminder.

I think also the method IsDirty() is always triggered whenever FCKEditor goes through my Textareas and turns them in to the editor windows. So maybe this isn't the best method to check to see if the editor has been focused on or the content has been changed.

BTW Thank you for your help. It is much appreciated.

Thu, 04/30/2009 - 21:23

saul11

Joined: 19/06/2006

Posts: 633

Re: Listening for 'Focus' on multiple FCKEditors

Just use 'unSaved = 0;' instead of 'var unSaved = 0;', or when testing the value, use 'window.unSaved'.

IsDirty() is specifically to check if the content in the editor has been changed, see http://docs.fckeditor.net/FCKeditor_2.x ... Script_API