Re: propose an API to return Range in etc. form control nodes (similar functionality as document.caretRangeFromPoint)</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=public-webapps@w3.org&q=from:%22Olli+Pettay%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Olli Pettay</span></span></a></span> <span class="date"><a href="/search?l=public-webapps@w3.org&q=date:20091008" rel="nofollow">Thu, 08 Oct 2009 12:26:56 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre style="margin: 0em;"> On 10/8/09 10:07 PM, Xiaomei Ji wrote: </pre><blockquote style="border-left: #5555EE solid 0.2em; margin: 0em; padding-left: 0.85em"><pre style="margin: 0em;"> One use case is to show a tooltip of the word's definition in your accept-language when you mouse over the word in a page. It needs to 1. convert the mouse position to character offset within a node (by Document.caretRangeFromPoint() <<a rel="nofollow" href="http://dev.w3.org/csswg/cssom-view/#the-documentview-interface">http://dev.w3.org/csswg/cssom-view/#the-documentview-interface</a>>), and 2. expand the range to 'word' unit.</pre><pre> It is useful for users, especially users from east asian countries, to read the word's definition in their own language while browsing the internet. And it is also userful for users to check the word's definition in their own language while composing something, such as email. This is why I am thinking of displaying the word's definition for <textarea>. Which needs Document.caretRangeFromPoint() returns the <textarea> node as the range container node, and the offset as the character offset within <textarea>. But Document.caretRangeFromPoint() is only allowed to return nodes in the actual DOM, that a user would be able to get to by traversing from the root node. <textarea> node is not part of the DOM. Document.caretRangeFromPoint() cannot return a Range in a <textarea> since that Range would not be in the DOM. I would like to propose another API in Document which has the same functionality of Document.caretRangeFromPoint() but also works for <textarea> etc. form control nodes that are not part of the DOM. </pre></blockquote><pre style="margin: 0em;"> Do you really want to expose those (native) anonymous DOM nodes to web? What should happen if one tries to append them to normal DOM? Or removes them? Or adds (mutation) event listener to them? I think we need a bit different kind of API for form controls. -Olli </pre><blockquote style="border-left: #5555EE solid 0.2em; margin: 0em; padding-left: 0.85em"><pre style="margin: 0em;"> I do not have a good name in mind for such API yet. Would like to hear what you think. Any comments are appreciated! Thanks, Xiaomei </pre></blockquote><pre style="margin: 0em;"> </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg05767.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="thrd3.html#05768">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="mail3.html#05768">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg05778.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg05767.html">propose an API to return Range in <textarea> etc. ...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email tSliceCur"><span class="subject">Re: propose an API to return Range in <textarea&...</span> <span class="sender italic">Olli Pettay</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05778.html">Re: propose an API to return Range in <texta...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05787.html">Re: propose an API to return Range in <t...</a></span> <span class="sender italic">Anne van Kesteren</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05802.html">Re: propose an API to return Range in &...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05805.html">Re: propose an API to return Range...</a></span> <span class="sender italic">Maciej Stachowiak</span></li> </ul></li> <li class="icons-email"><span class="subject"><a href="msg05804.html">Re: propose an API to return Range in &...</a></span> <span class="sender italic">Maciej Stachowiak</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05839.html">Re: propose an API to return Range...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li class="icons-email"><span class="subject"><a href="msg05840.html">Re: propose an API to return Range...</a></span> <span class="sender italic">Maciej Stachowiak</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg05843.html">Re: propose an API to return R...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg06029.html">Re: propose an API to retu...</a></span> <span class="sender italic">Anne van Kesteren</span></li> </ul></li> </ul></li> <li class="icons-email"><span class="subject"><a href="msg06332.html">Re: propose an API to return Range...</a></span> <span class="sender italic">Anne van Kesteren</span></li> </ul> </ul> </ul> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="Re: propose an API to return Range in <textarea> etc. form control nodes (similar functionality as document.caretRangeFromPoint)"> <input type="hidden" name="msgid" value="4ACE3CC2.3030209@helsinki.fi"> <input type="hidden" name="relpath" value="public-webapps@w3.org/msg05768.html"> <input type="submit" value=" Olli Pettay "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="public-webapps@w3.org"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search public-webapps"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/public-webapps@w3.org/">public-webapps - all messages</a></li> <li class="icons-about"><a href="/public-webapps@w3.org/info.html">public-webapps - about the list</a></li> <li class="icons-expand"><a href="/search?l=public-webapps@w3.org&q=subject:%22Re%5C%3A+propose+an+API+to+return+Range+in+%3Ctextarea%3E+etc.+form+control++nodes++%09%5C%28similar+functionality+as+document.caretRangeFromPoint%5C%29%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg05767.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg05778.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">4ACE3CC2.3030209@helsinki.fi</li> </ul> </div> </body> </html>