473,322 Members | 1,614 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

Insert a string into the text of textarea. Caret? IE question

Hi,

Say I have a text in my TEXTAREA box - 01234567890
I want - using script - insert say "abc" in the middle.

Works almost OK in Internet Explorer (with one problem) based on their
example at
http://msdn.microsoft.com/library/en...am12032001.asp
in the chapter "O Cursor, Where Art Thou".

Here is what happens (I use caretPos.text = "abc";):

1. If no text is selected - no problem, my "abc" got inserted say
after '2' AND I see a Caret (vertical bar) after it

2. But if - with the same code - I _select_ say "56" and want to
override it with "abc", then yes, "56" got replaced with "abc",
BUT there is no Caret symbol on screen, no vertical bar!
Is it solvable?

You can see the code working by typing say 0123456789, selecting
several digits and then clicking with a mouse on any
letter of a keyboard image:
http://RusWin.net/screen_e.htm

(in that specific mouse-driven mode a replacement is one symbol, but
in other modes it's not the case, the replacement could be a _string_)

The script piece is below.

--
Regards,
Paul Gorodyansky
"Cyrillic (Russian): instructions for Windows and Internet":
http://RusWin.net
Russian On-screen Keyboard: http://Kbd.RusWin.net

========== Script piece

// elem is a TEXTAREA object
function getCaretPos(elem, newString)
{

if ( elem.isTextEdit )
{
if ( !elem.caretPos )
saveCaret(elem);

var caretPos = elem.caretPos;
caretPos.text = newString;
}
}

function saveCaret(elem)
{
if ( elem.isTextEdit )
elem.caretPos = document.selection.createRange();
}
// HTML piece:
<textarea name='message' ONSELECT='saveCaret(this)'
ONCLICK='saveCaret(this)' ONKEYUP='saveCaret(this)'
</textarea>
Jul 23 '05 #1
7 30281
Example similar to MS' one is here -
http://www.faqts.com/knowledge_base/...d/1052/fid/130
and I used it, too - to keep track of cursor position....

But that example shows the same issue - no Caret symbol (bar) after
the operation.

--
Regards,
Paul
Jul 23 '05 #2
/Paul Gorodyansky/:
Example similar to MS' one is here -
http://www.faqts.com/knowledge_base/...d/1052/fid/130
and I used it, too - to keep track of cursor position....

But that example shows the same issue - no Caret symbol (bar) after
the operation.


You're clearly taking the focus away from the text area pushing the
button - what's the problem here?

How do you intend to activate the insertion? If you're going to do
it the same way - user pushing a button, and you still want
returning the focus to the area you could add:

textEl.focus();

at the end of the 'insertAtCaret()' function, for example. Focus
issues could be tricky and it greatly depends on your functional
requirements - what should happen when the text area doesn't have
the focus and one pushes the button?

--
Stanimir
Jul 23 '05 #3


Paul Gorodyansky wrote:
Example similar to MS' one is here -
http://www.faqts.com/knowledge_base/...d/1052/fid/130
and I used it, too - to keep track of cursor position....

But that example shows the same issue - no Caret symbol (bar) after
the operation.


Well it is only about insertion at the caret, if you want to have the
caret in there then I would try with calling

function insertAtCaret (textEl, text) {
if (textEl.createTextRange && textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =
caretPos.text.charAt(caretPos.text.length - 1) == ' ' ?
text + ' ' : text;
caretPos.select();
}

If that doesn't help then at least for IE 5.5/6 on Windows MS has
introduced an attribute named unselectable for buttons so that you can
click them without taking focus away/changing a selection thus if you use
<input type="button"
unselectable="on"
with your buttons then there should be a problem with the button
interfering with the selection in a text control.
Docs are here:
<http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/unselectable.asp>

See also
<http://www.faqts.com/knowledge_base/view.phtml/aid/13562/fid/130>

--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 23 '05 #4
Stanimir Stamenkov wrote:

/Paul Gorodyansky/:
Example similar to MS' one is here -
http://www.faqts.com/knowledge_base/...d/1052/fid/130
and I used it, too - to keep track of cursor position....

But that example shows the same issue - no Caret symbol (bar) after
the operation.


You're clearly taking the focus away from the text area pushing the
button - what's the problem here?


No, it's just an example - in my case often there is NO button, no
"taking focus away", for example, in "To Latin" mode:

a) No selection
- I place cursor in the middle of the text - see Caret bar
- I press a letter on my physical keyboard (say, Cyrillic letter
that looks like mirrored 'R')
- in the script, I replace that letter with 2 latin letters 'ya'
and do caretPos.text =
- on screen, 'ya' is inserted and Caret (bar) is after that insertion

b) When I selected some text and want to replace it:
- I place cursor in the middle of the text - see Caret bar
- I select several symbols
then - same as in (a):
- I press a letter on my physical keyboard (say, Cyrillic letter
that looks like mirrored 'R')
- in the script, I replace that letter with 2 latin letters 'ya'
and do caretPos.text =
- on screen, the selected tex is replaced with 'ya' BUT there is
*no* Caret (bar) anymore.
Let me try Martin's function.
--
Regards,
Paul Gorodyansky
"Cyrillic (Russian): instructions for Windows and Internet":
http://RusWin.net
Russian On-screen Keyboard: http://Kbd.RusWin.net
Jul 23 '05 #5
Thanks, Martin,

Yes, it solves the problem - I mean adding caretPos.select();
after assigning the new text - now even when I select say 3 symbols
and programmatically replace it with my string, I see Caret (bar) after
my string!

It's really useful to have a Caret (bar) visible - may be a user
wants to insert more - and now s/he sees _where_.

--
Regards,
Paul Gorodyansky
"Cyrillic (Russian): instructions for Windows and Internet":
http://RusWin.net
Russian On-screen Keyboard: http://Kbd.RusWin.net
Jul 23 '05 #6
Hi,

I added 'default' method for browsers that, unlike IE and Mozilla,
do not let me - using script - position a caret and insert/replace text
there (Opera, Safari, etc.), so it's just got added to the very end of
the text in TEXTAREA:

textControl.value += newString;

So it works fine say in Opera but bad thing is that Caret (bar) is not
moving (obviously).

Is it possible - in Opera - to position a Caret (bar) at the end of the
text?

--
Regards,
Paul Gorodyansky
"Cyrillic (Russian): instructions for Windows and Internet":
http://RusWin.net
Russian On-screen Keyboard: http://Kbd.RusWin.net
Jul 23 '05 #7


Paul Gorodyansky wrote:

Is it possible - in Opera - to position a Caret (bar) at the end of the
text?


I don't think that is possible in a HTML control in Opera currently, at
least there is no API. Some browsers when you set control.value however
move the caret, some to the beginning, some to the end of text in the
text control.
And there are Java text controls you could embed with a Java applet
which probably then allow you more control over the caret.
--

Martin Honnen
http://JavaScript.FAQTs.com/
Jul 23 '05 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

5
by: Zbigniew Braniecki | last post by:
Hello. I'm looking for any way to grab caret position in textarea (start, end - if selection) in Internet Explorer. Is it at all possible? Also any idea for doing it in Opera, KHTML would be...
4
by: Ben R. | last post by:
Hi there, I'm designing a winforms app in VB.NET 2.0 and have a textbox control and also some toolbar buttons. I want to have it such that when the user clicks a toolbar button, some predefined...
1
by: solomon_13000 | last post by:
connection.asp: <% Sub RunQueryString (pSQL,parms) on error resume next Set conn = Server.CreateObject("ADODB.Connection") conn.open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" &...
2
by: rjonasz | last post by:
Hey Everyone, I'm trying to scroll a textarea to the position of the caret which is below the visible area of the textarea in firefox. I have code which works in IE but the code I use for...
2
by: kisalabs | last post by:
I have been trying to insert a new record into an access database and cannot get any of the scripts to work.. I can access the db and pull up/display records but cannot get one added. Please help. ...
8
by: =?Utf-8?B?QkxVRVNUQVI=?= | last post by:
HELLO, I AM A NEW BII TO ASP,AND I NEED HELP ON THIS ISSUE. I HAVE A .ASP FORM WHICH IS ALREADY BUILT WITH 5 QUESTIONS AND 5 TEXTAREAS RESPECTIVELY.THESE 5 QUESTIONS ARE NOT FIX,THERE WILL BE...
3
by: ReGenesis0 | last post by:
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...
58
by: bonneylake | last post by:
Hey Everyone, Well recently i been inserting multiple fields for a section in my form called "serial". Well now i am trying to insert multiple fields for the not only the serial section but also...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.