Does it have anything to do with Cute Editor?

 

Only Gecko DOM provides selectionStart and selectionEnd properties for HTMLInputElement and HTMLTextAreaElement objects.

Yes, of course it has to do with CuteEditor. CuteEditor is a text editor and part of the basic requirement is to provide code to position the cursor.

 

I can get the position easily in CE using IE, but not with FF because I need these properties.

 

Other editors provide access to these properties so that the cursor can be placed at a specific location.

 

Also, if I want to select a range based on position, I need these properties.

 

This is a common function:

 

function getCaretPos(el) {
if (typeof el.selectionStart != “undefined”)
return el.selectionStart;
else if (document.selection)
return Math.abs(document.selection.createRange().moveStart(”character”, -1000000));
}

 

Most editors enable this property. How can we get it in CE?

Do you know only Gecko DOM provides selectionStart and selectionEnd properties for HTMLInputElement and HTMLTextAreaElement objects?

 

 

I assume your editor is a TextArea object, so how do we get the selectionStart and selectionEnd properties?

 

Source content of a web page with CE Editor on it shows:

 

 <!-- CuteEditor Editor1 Begin -->

<textarea name="Editor1" id="Editor1" rows="14" cols="50" class="CuteEditorTextArea" style="DISPLAY: none; WIDTH: 100%; HEIGHT: 100%">#1html#2
 #1h#9ad#2
 #1/h#9ad#2
 #1b#5dy b#5tt#5mmargin="50" l#9ftmargin="75" t#5pmargin="50" rightmargin="50" #7tyl#9='F#6NT-#8IZ#a: 12px; F#6NT-FAMILY: V#9rdana' #2
 #1/b#5dy#2
#1/html#2 </textarea>

>>I assume your editor is a TextArea object, so how do we get the selectionStart and selectionEnd properties?

 

NO, it's an iframe object.

 

 

Adam,

 

We are not clever enough to understand the code at this URL, but I'm sure you are: http://dev.plone.org/collective/browser/PloneStickies/branches/multi-stickies-branch/skins/stickies/kupuhelpers.js?rev=8343.

 

 

It contains everything we need to get and set the focus using Mozilla browsers and start/end integers. We've figured out almost everything except the final piece of the puzzle - calling focus to display the cursor at its new position.

 

Have a look at the code below and see if you can figure out the final piece:

 

 

var editor1 = document.getElementById('');

var editwin = editor1.GetWindow();

var editwinsel=editwin.getSelection();

 

//get the range

var range;

try { range=editwinsel.getRangeAt(0); } catch (e) { }

 

//notify the start and end offsets

alert(range.startOffset);

alert(range.endOffset);

 

and how to collapse the range and set the focus:

 

//collapse to a single point

try { editwinsel.collapseToStart(); } catch (e) {}

try { editwinsel.collapseToEnd(); } catch (e) {}

 

//and set the focus

editwin.focus();

 

//get the container

var startNode = range.startContainer;//This is probably where the error is

 

And this resets the range to absolute positions 15 and 30

 

//reset the range positions

range.setStart(startNode,15);

range.setEnd(startNode,30);

 

//report the new range:

alert(range.startOffset);

alert(range.endOffset);

 

??? How to now set the focus in the window?

 

Can you give us the answer, please?