Comments on: Working with the Cursor Position http://parentnode.org/javascript/working-with-the-cursor-position/ The building blocks of a solid frontend. Wed, 20 Aug 2008 07:05:22 +0000 http://wordpress.org/?v=2.2.1 By: Andrew http://parentnode.org/javascript/working-with-the-cursor-position/#comment-8875 Andrew Fri, 08 Feb 2008 15:45:47 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-8875 OK literally 5 minutes after I posted the above message I have discovered that setting a width on the Input box fixed the issue for IE. However, I have also discovered during this time a bug with Firefox. If the focus is at the very start of the input box the text is appended to the end of the input box and the input box loses focus. This bug does not have a significant impact on my application, but I will be attempting to find a solution for it. OK literally 5 minutes after I posted the above message I have discovered that setting a width on the Input box fixed the issue for IE. However, I have also discovered during this time a bug with Firefox. If the focus is at the very start of the input box the text is appended to the end of the input box and the input box loses focus. This bug does not have a significant impact on my application, but I will be attempting to find a solution for it.

]]> By: Andrew http://parentnode.org/javascript/working-with-the-cursor-position/#comment-8874 Andrew Fri, 08 Feb 2008 15:16:17 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-8874 Hi, Your description is not entirely true "Both work for Textareas and Inputs". In Firefox your code does work for both textareas and inputs. However, it does not work successfully for Inputs in IE6 and IE7. If you use an input box in IE the text you are inserting pre-appends the whole phrase. I am writing a search program which has buttons to insert boolean operators into a text input. (it was going to be a deprecated feature, but 30% of the users claim to find it helpful) If anyone knows a a fix for this I would be grateful to find out. Hi,

Your description is not entirely true “Both work for Textareas and Inputs”. In Firefox your code does work for both textareas and inputs. However, it does not work successfully for Inputs in IE6 and IE7.

If you use an input box in IE the text you are inserting pre-appends the whole phrase.

I am writing a search program which has buttons to insert boolean operators into a text input. (it was going to be a deprecated feature, but 30% of the users claim to find it helpful) If anyone knows a a fix for this I would be grateful to find out.

]]> By: steve http://parentnode.org/javascript/working-with-the-cursor-position/#comment-3715 steve Thu, 26 Jul 2007 17:16:20 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-3715 One thing I just found that was driving me bonkers (in both FIrefox and IE), was that any attempt to select a character range inside a field, will be *severely* hampered, under the following conditions. 1.) Browser has auto-completion assistance turned on. 2.) DOM Call on field to fieldObj.setAttribute('autocomplete', 'off'); is made I *was* trying to set this attribute dynamically, on fields where I wanted "my own" widget-like behavior. However after extensive hair pulling, I found that doing so, would cause the character range selection to FAIL. For #2, setting the attribute directly, behaves a bit better in Firefox. e.g. fieldObj.autocomplete = 'off'; If anyone knows another way to turn it off, that doesn't affect the selection, I'd be interested in finding out how. One thing I just found that was driving me bonkers (in both FIrefox and IE), was that any attempt to select a character range inside a field, will be *severely* hampered, under the following conditions.

1.) Browser has auto-completion assistance turned on.
2.) DOM Call on field to fieldObj.setAttribute(’autocomplete’, ‘off’); is made

I *was* trying to set this attribute dynamically, on fields where I wanted “my own” widget-like behavior. However after extensive hair pulling, I found that doing so, would cause the character range selection to FAIL.

For #2, setting the attribute directly, behaves a bit better in Firefox. e.g. fieldObj.autocomplete = ‘off’;

If anyone knows another way to turn it off, that doesn’t affect the selection, I’d be interested in finding out how.

]]> By: Disgrunt http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2712 Disgrunt Thu, 14 Jun 2007 14:21:50 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2712 This would be nice if it worked. I copied your code right from your site and it just doesn't work in IE 6 or 7. I am using an input type=text with this and it keeps prepending the text at the beginning of the text box. Nice try though. This would be nice if it worked. I copied your code right from your site and it just doesn’t work in IE 6 or 7. I am using an input type=text with this and it keeps prepending the text at the beginning of the text box. Nice try though.

]]> By: labilbe http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2647 labilbe Tue, 12 Jun 2007 13:46:42 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2647 Thank you very much with this code which saved my day :-) Thank you very much with this code which saved my day :-)

]]> By: SOmeONE http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2151 SOmeONE Sat, 05 May 2007 10:28:27 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2151 Very nice tutorial indeed, but if it was much simpler, i could use it. Very nice tutorial indeed, but if it was much simpler, i could use it.

]]> By: Roman http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2127 Roman Thu, 03 May 2007 16:21:03 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-2127 This simply doesn't work, I'm no expert, but this code does not recognise the browsers' object model correctly. I'm testing with IE6 and Firefox 2.0.0.3, the code fails to work on both browsers. I found a working solution at http://www.laviska.com/view.php?id=138 though. I don't know if this solution is worth anything in the long run, but for now it does a splendid job and it seems extremely simple too. This simply doesn’t work, I’m no expert, but this code does not recognise the browsers’ object model correctly. I’m testing with IE6 and Firefox 2.0.0.3, the code fails to work on both browsers.

I found a working solution at http://www.laviska.com/view.php?id=138 though. I don’t know if this solution is worth anything in the long run, but for now it does a splendid job and it seems extremely simple too.

]]> By: Dave F http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1806 Dave F Wed, 28 Mar 2007 15:34:16 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1806 Worked great for me except for one thing. In Firefox it inserted text into both textbox and textarea at the cursor. IE7 also inserted correctly for textarea. However, in IE7, it put the inserted text at the beginning of the textbox, no matter where the cursor was. Any thoughts on what to look for to fix this? Worked great for me except for one thing. In Firefox it inserted text into both textbox and textarea at the cursor.
IE7 also inserted correctly for textarea.
However, in IE7, it put the inserted text at the beginning of the textbox, no matter where the cursor was.
Any thoughts on what to look for to fix this?

]]> By: Bøt http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1705 Bøt Sun, 18 Mar 2007 17:36:45 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1705 Nice indeed! This code solved my problem. However, you do not write a anything about copyrights, so I hope you allow me to copy these functions into my own project? Nice indeed! This code solved my problem. However, you do not write a anything about copyrights, so I hope you allow me to copy these functions into my own project?

]]> By: Jamie http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1513 Jamie Tue, 06 Mar 2007 15:04:01 +0000 http://parentnode.org/javascript/working-with-the-cursor-position/#comment-1513 Hi White, Thanks for the code, its great. However, I think there is a bug finding the cursor position, if you try enter the same text as is there already. My original text in the text area is: james is james *james ok I try to insert the text "James " without the quotes. If I position my cursor after the asterix and click "Insert text" then the new cursor position is incorrect. Howver, if I select the asterix and "Insert text" to replace the asterix the new cursor position is correct. Thanks, Jam. Hi White,

Thanks for the code, its great.

However, I think there is a bug finding the cursor position, if you try enter the same text as is there already.

My original text in the text area is:
james is james
*james ok

I try to insert the text “James ” without the quotes.

If I position my cursor after the asterix and click “Insert text” then the new cursor position is incorrect.
Howver, if I select the asterix and “Insert text” to replace the asterix the new cursor position is correct.

Thanks,
Jam.

]]>