open a div where cursor blinks in textarea

arash · Mar 20, 2006

Hi!
I am trying to write some ajax based IDE.
I just cant get a div to open where the cursor in the textarea is
blinking (in order to suggest possibilities..)

Is there a way to get the exact position (pixel-top, pixel-left) of the
cursor of a text area??

greetings, arash

Julian Turner · Mar 20, 2006

arash said:
Hi!
I am trying to write some ajax based IDE.
I just cant get a div to open where the cursor in the textarea is
blinking (in order to suggest possibilities..)

Is there a way to get the exact position (pixel-top, pixel-left) of the
cursor of a text area??

greetings, arash

Hi

It is certainly possible in Internet Explorer, but I AFAIK not for
others.

In Internet Explorer you could try something like this (very rough for
illustration only, and bit buggy with the Enter, Delete and Arrow
keys):-

<HTML>
<HEAD>
<SCRIPT>

function fKey()
{
var r=document.selection.createRange();
var tRect=r.getBoundingClientRect();

var TOP=tRect.top;
var LEFT=tRect.left;

positionInfo.innerText=TOP+":"+LEFT;

myDiv.style.display="block";
myDiv.style.top=TOP;
myDiv.style.left=LEFT+7;
}

</SCRIPT>

</HEAD>
<TEXTAREA onkeydown=fKey() style="WIDTH: 100%; HEIGHT: 300px">
</TEXTAREA>
<P id=positionInfo></P>
<DIV id=myDiv style="border:1px solid red; z-index:10; left:0; top:0;
position: absolute; background-color: yellow; padding:2px;
display:none;">Suggested text</DIV>
</BODY>
</HTML>

Regards

Julian Turner

Cursor in a textarea	12	Apr 12, 2010
Creating a direct download div link for pdf file	3	Mar 19, 2023
Survey details won't go through using php, ajax, Mysql	0	Oct 26, 2023
Insert popup div at cursor postion inside a textarea	0	Aug 26, 2005
Processing in Python help	0	Aug 31, 2022
autocomplete and textarea	0	Jun 17, 2006
Cursor position in textarea? (XY pos, not caret index)	3	Sep 28, 2008
Positioning the cursor in a textarea	1	Feb 19, 2005

open a div where cursor blinks in textarea

arash

Julian Turner

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads