Ipad like text selection handles for html page

Ipad like text selection handles for html page

I am working on a project to roll out the books that the publishing
company I work for sells to schools. I have a desktop application (in c#)
to display the books. The books are created as html with a simple
javascript page turn effect. Within my application I use message event
listeners to handle cross communication between page and app. What I am
wanting to do is style the text selection system to look something similar
to the following:
See Stack Overflow Question for an image of what I am after (I am knew to
stack overflow so cant post images yet)
but that doesnt answer my question for achieving that within a normal html
page. So what I want is to show the handles on either side of the selected
text, then show a tooltip with controls in (the tooltip is working).
Any help would be highly apprecated!! :)