Solved

Cursor Position in Textarea

Posted on 2000-03-24
7
1,520 Views
Last Modified: 2012-06-27
How can I capture the cursor position in a textarea form field?
0
Comment
Question by:bfredett
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 1

Expert Comment

by:technoman
ID: 2655652
what do you mean?
0
 
LVL 3

Expert Comment

by:MHQ
ID: 2655658
If i'm correct, you want to get the exact x and y coordinates of the cursor. Not for the page but for the textarea, right?
0
 
LVL 2

Expert Comment

by:HolySpirit
ID: 2655995
bfredett,
I think u want to capture the position of CARET (the flashing vertical bar) of the text area ...
-- Holy Spirit
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
LVL 10

Expert Comment

by:kollegov
ID: 2656197
At least "java-script:"
will cause errors.
Use "javascript:" instead.

Also URL where we can check all in action will be quite helpfull...
0
 
LVL 10

Expert Comment

by:kollegov
ID: 2656207
Oppsss, I posted comment in wrong thread, sorry, messed up windows...

Do you need to find cursor offset in chars from text begining inside textarea ?
This is absolutely impossible for NN4
and after spending 15 minutes in MSDN library and didn't find anything for MIE I almost sure this is also impossible for MIE too...

What can be done is replacng textarea with JavaApplet with java.lang.TextArea
inside and using this applet instead of HTML TextArea element, but this will be a lot of headaches
1. Creating applet
2. Providing methods to get/set in Applet and get Position
3. Communicating with Applet from JavaScript (Syncronization problems, as applets loads slow, than you need to be sure it loaded, before trying to access aplet methods..)
4. On submit you would need to get data from applet and copy into hidden field in form..

This can be done, but not easy..

Virtual_Max (kollegov)



0
 
LVL 8

Accepted Solution

by:
xabi earned 200 total points
ID: 2656813
Try this trick, Is the only thing you can do. I wrote this script for other question.

----------- 8< --------- 8< -------
<html>
<head>
<title>Example</title>
<script language="javascript">
<!--
var sValue = "" 
function testit(idForm) {
 sTmp = idForm.txtmsg.value
 iXPos = 1
 iYPos = 1
 iTmp  = 0
 bIn = true
 while (iTmp<sTmp.length) {
  cChar1 = sTmp.charAt(iTmp)
  cChar2 = sValue.charAt(iTmp)
  iXPos++
  if (cChar1 == "\r") {
   iXPos = 1
   iYPos++
  }
  if (cChar1 != cChar2) break
  iTmp++
 }
 idForm.valuex.value = iXPos
 idForm.valuey.value = iYPos
 sValue = sTmp
}
//-->
</script>
</head>
<body background="bgcolor.gif" vlink="orange" alink="Lime" onload="testit(document.myform)">
<form name="myform">
 <textarea name="txtmsg" rows="4" cols="27" wrap="off" onKeyUp="testit(this.form)"></textarea>
 <br>
 X: <input type="text" name="valuex" readonly>
 <br>
 Y: <input type="text" name="valuey" readonly>
</form>
</body>
</html>
----------- 8< --------- 8< --------

xabi
0
 

Author Comment

by:bfredett
ID: 2656905
Thanks xabi!

I found your script after posting the question.  Works great.  Now, I'd like to capture the arrow keys and update the x and y textboxes as well.  Any way to do this?

Thanks,
Brian
0

Featured Post

Get HTML5 Certified

Want to be a web developer? You'll need to know HTML. Prepare for HTML5 certification by enrolling in July's Course of the Month! It's free for Premium Members, Team Accounts, and Qualified Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
The task A number given should be formatted for easy reading by separating digits into triads. Format must be made inline via JavaScript, i.e., frameworks / functions are not welcome. So let’s take a number like this “12345678.91¿ and format i…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

630 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question