iOS-Stil Formatierung Callout mit Rangy

Question

Ich bin auf Rangy (http://code.google.com/p/rangy/) und es scheint, es hat eine Reihe von DOM-Utilities, aber ich verstehe sie nicht ohne Beispiele. Also ich bin Drehen zu SO mit meinen Ideen und hoffentlich Jungs können Sie mir zeigen, wie dies getan werden kann:

Was ich mit Rangy tun muß, ist es verwenden, um die Position und die Abmessungen des finden Auswahl. Ich möchte den Rahmen oder das Rect der Auswahl erhalten, ob relativ zum Dokument oder Elternelement. Dann kann ich meinen Callout entsprechend positionieren.

Answer 1

Ich glaube, die Demo, die mit Rangy kommt, illustriert bereits, was Sie wollen. speziell http://rangy.googlecode.com/svn/trunk/demos/position.html innen showSelectionPosition Funktion

In Anbetracht der Tatsache, dass die Auswahl über mehrere Elemente verteilt werden kann, wäre es am besten sein, die Koordinaten von endSelEl entweder startSelEl oder zu benutzen, um Ihre callout an den Anfang oder das Ende einer Auswahl zu verankern.

Answer 2

Es gibt eine embryonale, unreleased Rangy Modul I für immer Pixelkoordinaten einer Auswahl oder Bereich geschrieben. Leider hat mich die Schwierigkeit, das in allen Browsern und allen Situationen richtig funktionieren zu lassen, dazu gebracht, es zu vervollständigen, und ich habe es im Wesentlichen aufgegeben. Wenn Sie jedoch etwas detailliertere Angaben zu dem machen, was Sie vorhaben, kann ich Ihnen vielleicht etwas vorschlagen.