Databases
StackOverflow2013
Postsdbo
POA better way of keeping track of cursor position in a text-field while auto-correcting?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
    primarykey
    data
    text
    <p>I am working on a jQuery plugin for converting Latin characters to Japanese kana symbols (<a href="http://lab.cmikavac.net/autokana/" rel="nofollow">live example</a>) in real-time (auto-correct) and it works correctly if I'm not typing too fast.. Which is a problem.</p> <p>For example:</p> <blockquote> <p>wakarimasu -> わかります</p> </blockquote> <p>However, when I type at my normal speed I get this:</p> <blockquote> <p>wakarimasu -> わかりあすm (which is actually wakariasum, cursor between "す" and "m" in the end)</p> </blockquote> <p>If I type it without "su", I get this:</p> <blockquote> <p>wakarima -> わかりあm (which is actually wakariam, cursor between "あ" and "m" in the end)</p> </blockquote> <p>I figured out why and how this is happening. Basically, "ri - り" symbol is still converting from Latin to Japanese kana while I already typed "m" in and it finishes just a little bit before I manage to type "a" in. Since my function positions the cursor after each conversion, it positions the cursor between "ri" and "m" and that is where my "a" ends up.</p> <p>This happens for other words as well, but I took this one as an example.</p> <p>Is there a way I could track the cursor position in a smarter way or is there a way to update/convert/replace only parts of textfield without updating the whole textfield (the way it works now is it fetches what is in the textfield, replaces Latin with kana inside a variable inside the function, updates the textfield with the new string from a variable and then positions the cursor)? Telling visitors not to type too fast wouldn't really be the way to go..</p> <blockquote> <p>Legend: wa=わ ka=か ri=り ma=ま su=す a=あ</p> </blockquote> <p>Source can be viewed at the link I provided. Thanks.</p> <p><em>Edit: One more thing to think about is that a user might move cursor left and right to add or remove characters/symbols. This complicates positioning a little bit but it works at the moment.</em></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USpootzko
    1. USpootzko
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COtry storing the user input in a data attribute, that way you can convert it properly each time, since you know the whole context
      singulars
      1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
      1. USbevacqua
    2. COIt also won't work if you copy and paste, but solving that will be a much larger problem.
      singulars
      1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
      1. UShowderek
    3. CO@howderek - yes, but I am planning to use this later in something where a person will be supposed to type something in, not c/p it and just wanted to share it as a plugin, perhaps somebody might find it useful.
      singulars
      1. POA better way of keeping track of cursor position in a text-field while auto-correcting?
      1. USpootzko
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload