मैं जावास्क्रिप्ट दस्तावेज़ का उपयोग कर एचटीएमएल में चयनित पाठ के समन्वय कैसे प्राप्त करूं .getSelecttion()

Question

मैं चयनित पाठ के ऊपर तत्व को स्थान देना चाहता हूं। लेकिन मैं निर्देशांक को समझने में सक्षम नहीं हूं।

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

उदाहरण: (छवि)

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

Answer 1

यहाँ मूल विचार है। आप चयन की शुरुआत में डमी तत्व डालते हैं और उस डमी एचटीएमएल तत्व के निर्देशांक प्राप्त करते हैं। फिर आप इसे हटा दें।

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