2

I'm looking at Rangy (http://code.google.com/p/rangy/) and it seems it has a bunch of DOM utilities but I don't understand them without examples. So I'm turning to SO with my ideas and hopefully you guys can show me how this can be done:

enter image description here

What I need to do with Rangy is use it to find the position and dimensions of the selection. I want to get the frame or Rect of the selection, whether relative to the document or parent element. Then I can position my callout accordingly.

enter image description here

Aen Tan
  • 3,305
  • 6
  • 32
  • 52

2 Answers2

1

There is an embryonic, unreleased Rangy module I wrote for getting pixel coordinates of a selection or range. Unfortunately the difficulty of getting this working properly in all browsers and all situations has put me off completing it and I have essentially abandoned it. However, if you add a bit more detail about what you're trying to do I may be able to suggest something.

Tim Down
  • 318,141
  • 75
  • 454
  • 536
1

I believe the demo that comes with Rangy already illustrates what you want. specifically http://rangy.googlecode.com/svn/trunk/demos/position.html inside showSelectionPosition function

Considering the fact that selection may be spread across multiple elements, it'd be best to use the coordinates of either startSelEl or endSelEl to anchor your callout to the beginning or end of a selection.

choonkeat
  • 5,557
  • 2
  • 26
  • 19
  • As mentioned in my answer, that demo works but is based on an unfinished and likely abandoned module (fixing the problem it attempts to fix for all possible scenarios and browsers is just too hard and I don't want to support it). However, for most situations, it should work fine. – Tim Down Apr 19 '12 at 10:09