Cursor position in textarea? (XY pos, not caret index)

[ReGenesis0]

Is it possible to determine the caret position, in terms of x/y
pixels, within a textarea? (I want to have a suggestion box pop up
under where you're typing... so i need to determine where you are
typing.)

-Derik

(OTOH, finding the Caret position-- between what characters the cursor
is positioned-- uses the function below. I include it to be nice to
future searchers, and because it took me an hour of frustrated
searching to find.)

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

 

[Thomas 'PointedEars' Lahn]

Is it possible to determine the caret position, in terms of x/y
pixels, within a textarea? (I want to have a suggestion box pop up
under where you're typing... so i need to determine where you are
typing.)

I do not think it is generally possible to determine the coordinates
of the caret since you cannot always know which font is used.

I would be confused if the suggestion box would move while I am typing, so
it should suffice to calculate the offset position and height of the control.


PointedEars

 

[SAM]

Le 9/28/08 4:11 PM, ReGenesis0 a écrit :

Is it possible to determine the caret position, in terms of x/y
pixels, within a textarea? (I want to have a suggestion box pop up
under where you're typing... so i need to determine where you are
typing.)

I don't know if ... but :
<http://www.quirksmode.org/js/findpos.html>

 

[ReGenesis0]

I do not think it is generally possible to determine the coordinates
of the caret since you cannot always know which font is used.
*grumble*

I would be confused if the suggestion box would move while I am typing, so
it should suffice to calculate the offset position and height of the control.

It's a *large* textarea box. Placing the popup at top or bottom would
require scrolling the browser.

Is there a method for determining the rows then? Just hovering the
box below the current line would probably work...

-Derik