cómo obtengo las coordenadas del texto seleccionado en un html usando javascript document.getSelecttion()

Question

Me gustaría colocar el elemento encima del texto seleccionado. Pero no puedo descifrar las coordenadas.

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

Ejemplo: (imagen)

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

Answer 1

Esta es la idea básica. Inserta un elemento ficticio al principio de la selección y obtiene las coordenadas de ese elemento dummy html. Entonces lo quitas.

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);