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

Last post

Tue, 10/16/2007 - 11:57

julia82

Joined: 16/10/2007

Posts: 13

[javascript running] in the text area, capture click

how to run javascript into the editing area
capture the event of click in any point of the editing area

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

http://www.fckeditor.net/forums/viewtopic.php?f=6&t=6509&p=17501&hilit=+onclick#p17501

    You are using <a href="http://www.fckeditor.net/">FCKeditor</a></em><strong id="input1" onclick="alert('aaa');">HI</strong>

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;

http://www.jquery.com

jQuery.browser.msie //to test for IE
jQuery(this); //to get the src of the event

Tue, 10/16/2007 - 16:21

julia82

Joined: 16/10/2007

Posts: 13

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

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: 3735

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 ?

Wed, 10/24/2007 - 16:21

alfonsoml

Joined: 31/12/2006

Posts: 3735

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...