The forum operates in read-only mode. Please head to StackOverflow for support.

Tue, 10/16/2007 - 11:57

julia82

Joined: 16/10/2007

Posts: 13

[javascript running] in the text area, capture click

Hi all!

I'm a new user of FCKeditor and I am looking for
(1) how to run javascript into the editing area of the editor
OR (2) how to capture the event of click in any point of the editing area.

I mean: I saw several examples of the first solution in this forum of these kinds of interactions but I haven't succeed doing it
I give you an example of what I want to do:

  You are using <a href="http://www.fckeditor.net/">FCKeditor</a>
This is <span id="spanTHERAError1" class="rojo" onClick="alert(hola);">newText</span>

Tue, 10/16/2007 - 12:57

julia82

Joined: 16/10/2007

Posts: 13

Re: [javascript running] in the text area, capture click

Hello!

I'm still Julia.
I have succeedeed to capture the event of click by capturing the one of the whole document of the editor.

I give you he the successful code:


function onClickCapture ()
{
alert ("onClickCapture");
}

function FCKeditor_OnComplete ( editorInstance ) {
doc = editorInstance.EditorDocument;
doc.onclick = onClickCapture;
}

The code has to be inserted in the page that creates the editor in a javascript heading.

I insist that it's a "clean" solution because both behaviours are going to be running: the specific behaviour in the function onClickCapture, and the default one (for example detect if we are in bold tag).

Thanks to all.

Julia

Tue, 10/16/2007 - 13:41

julia82

Joined: 16/10/2007

Posts: 13

Re: [javascript running] in the text area,event.srcElement ?

Hello,

well it works but I can't succeed to get the source of the event...
Please would you know how to do?

Julia

Tue, 10/16/2007 - 15:35

lake

Joined: 01/08/2007

Posts: 96

Re: [javascript running] in the text area, capture click

//Check if browser is IE here
var elem
if (IE) 
     elem = window.event.srcElement;
else
     elem = this;

Tue, 10/16/2007 - 16:21

julia82

Joined: 16/10/2007

Posts: 13

Re: [javascript running] in the text area, capture click

Hello and thanks lake :mrgreen: !

Well I've tried everything I'm putting down (commented):

function onClickCapture
{
//element = event.srcElement;
//element = document.event.srcElement;
//element = doc.event.srcElement;
  //element = window.event.srcElement;
element = this.srcElement;
//var event = doc.frames[0].objContent.DOM.parentWindow.event;
  //var event = doc.frames[0].objContent.DOM.parentWindow.event;
/* editor_frame = document.getElementById(editorname+'___Frame');
editor_source = editor_frame.contentWindow.document.getElementById('eEditorArea');
editor_source.contentWindow.document.body.innerHTML += 'some text';*/
}

Tue, 10/16/2007 - 16:39

lake

Joined: 01/08/2007

Posts: 96

Re: [javascript running] in the text area, capture click

ah, to be honest I tried to capture a click event in the text area but was unsuccessful. I ended up capturing the click on the body element (captured all clicks on toolbar buttons for what I needed). Just out of curiosity what do you need this for?

Tue, 10/16/2007 - 19:05

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: [javascript running] in the text area,event.srcElement ?

julia82 wrote:Hello,

well it works but I can't succeed to get the source of the event...
Please would you know how to do?

Julia

You almost got it right the first time, but you didn't check for the event:
W3C compliant browsers will send it as the parameter to your function, and IE..., well, IE is IE.

function onClickCapture (e)
{
if (!e) e=window.event;
alert ("onClickCapture");
}

function FCKeditor_OnComplete ( editorInstance ) {
doc = editorInstance.EditorDocument;
doc.onclick = onClickCapture;
}

Wed, 10/24/2007 - 09:58

julia82

Joined: 16/10/2007

Posts: 13

Re: [javascript running] in the text area,event.srcElement ?

Hello! and thanks Alfonsomi!

Unfortunately it neither works...
For now the project is "in pause", so I stop looking for a solution.
I work with Linux and an emulator of Internet Explorer 6. With our former editor ,that way to capture the event was working... (the one where I don't have the event e passed in parameter)
I "put" that post in "pause", and will go on when the project starts again... (but it's not solved).

Thanks to all.

And if anybody want to contribuate...

Julia

Wed, 10/24/2007 - 16:21

alfonsoml

Joined: 31/12/2006

Posts: 3737

Re: [javascript running] in the text area, capture click

This code works in all the browsers:

function onClickCapture (e)
{
   if (!e) e=window.event;
   var elmt = e.target || e.srcElement;

   alert (elmt.nodeName);
}

function FCKeditor_OnComplete ( editorInstance ) {
   
   var doc = editorInstance.EditorDocument.body;
   addEvent( doc, "click", onClickCapture ) ;
}

function addEvent(obj, evType, fn, useCapture){
  if (obj.addEventListener){
    obj.addEventListener(evType, fn, useCapture);
    return true;
  } else if (obj.attachEvent){
    var r = obj.attachEvent("on"+evType, fn);
    return r;
  } else {
    return false;
  }
}

Wed, 01/02/2008 - 13:26

#10

julia82

Joined: 16/10/2007

Posts: 13

Re: [javascript running] in the text area, capture click

Happy new year to everybody!

THANKS A LOT alfonsomi, it works!!!!

Post solved.

Fri, 08/08/2008 - 16:54

#11

saul11

Joined: 19/06/2006

Posts: 633

Re: [javascript running] in the text area, capture click

Works nice indeed, but I had to use 'mouseup' because the click event wouldn't fire onclick of an object in the editor, eg. an image; mouseup does. Mousedown fires too, but I guess the Selection won't be updated yet then...