Как получить координаты выбранного текста в html с помощью javascript document.getSelecttion()

Question

Я хотел бы позиционировать элемент над выбранным текстом. Но я не могу определить координаты.

var sel = document.getSelection(); 
    if(sel != null) { 
    positionDiv(); 
} 

Пример: (изображение)

alt text http://www.freeimagehosting.net/uploads/bf4035f29f.png

Answer 1

Вот основная идея. Вы вставляете фиктивный элемент в начале выделения и получаете координаты этого фиктивного элемента html. Затем вы удалите его.

var range = window.getSelection().getRangeAt(0); 
var dummy = document.createElement("span"); 
range.insertNode(dummy); 
var box = document.getBoxObjectFor(dummy); 
var x = box.x, y = box.y; 
dummy.parentNode.removeChild(dummy);