473,385 Members | 1,528 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,385 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 30293
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: 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
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.