[webkit-dev] 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=webkit-dev@lists.webkit.org&q=from:%22Xiaomei+Ji%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Xiaomei Ji</span></span></a></span> <span class="date"><a href="/search?l=webkit-dev@lists.webkit.org&q=date:20091008" rel="nofollow">Thu, 08 Oct 2009 12:07:24 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre>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. 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><pre>_______________________________________________ webkit-dev mailing list webkit-dev@lists.webkit.org <a rel="nofollow" href="http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev">http://lists.webkit.org/mailman/listinfo.cgi/webkit-dev</a> </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg08667.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#08672">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#08672">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg08678.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email tSliceCur"><span class="subject">[webkit-dev] propose an API to return Range in <texta...</span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg08678.html">Re: [webkit-dev] 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="msg08684.html">Re: [webkit-dev] propose an API to return Range...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg08689.html">Re: [webkit-dev] propose an API to return R...</a></span> <span class="sender italic">Maciej Stachowiak</span></li> </ul></li> <li class="icons-email"><span class="subject"><a href="msg08688.html">Re: [webkit-dev] 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="msg08740.html">Re: [webkit-dev] propose an API to return R...</a></span> <span class="sender italic">Xiaomei Ji</span></li> <li class="icons-email"><span class="subject"><a href="msg08741.html">Re: [webkit-dev] propose an API to return R...</a></span> <span class="sender italic">Maciej Stachowiak</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg08743.html">Re: [webkit-dev] propose an API to retu...</a></span> <span class="sender italic">Xiaomei Ji</span></li> </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="[webkit-dev] propose an API to return Range in <textarea> etc. form control nodes (similar functionality as document.caretRangeFromPoint)"> <input type="hidden" name="msgid" value="a7aebc750910081207g82b3f1ci324409f745d0b8ed@mail.gmail.com"> <input type="hidden" name="relpath" value="webkit-dev@lists.webkit.org/msg08672.html"> <input type="submit" value=" Xiaomei Ji "> </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="webkit-dev@lists.webkit.org"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search webkit-dev"> <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="/webkit-dev@lists.webkit.org/">webkit-dev - all messages</a></li> <li class="icons-about"><a href="/webkit-dev@lists.webkit.org/info.html">webkit-dev - about the list</a></li> <li class="icons-expand"><a href="/search?l=webkit-dev@lists.webkit.org&q=subject:%22%5C%5Bwebkit%5C-dev%5C%5D+propose+an+API+to+return+Range+in+%3Ctextarea%3E+etc.+form%09control+nodes+%5C%28similar+functionality+as%09document.caretRangeFromPoint%5C%29%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg08667.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg08678.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> <a href="#"><img src="/webkit-dev@lists.webkit.org/logo.png" alt="webkit-dev"></a> </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">a7aebc750910081207g82b3f1ci324409f745d0b8ed@mail.gmail.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9b75c0ccda7eff5b',t:'MTc2NzMwOTY4Nw=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>