0

In my project to roll out the books that is for publishing company. The books are created as an Html pages with javascript turn effect. Within my application I have to use message event listeners to handle cross communication between pages and application. My requirement is to do style the text selection system as something similar to the following:

See that as an images:

but that doesn't answer, I want to handle pages both side with the selected text, then show a tool-tip with controls.

Any help would be highly appreciated!! :)

Anup
  • 3,283
  • 1
  • 28
  • 37
user2244077
  • 11
  • 2
  • 6
    Ugh - messing with the way the user's OS does selections is going to be a huge amount of work, and take a long, long time until all quirks and bugs are ironed out. I would run away screaming from that job, and leave selecting to the user's OS. Just my 2 cents – Pekka Sep 03 '13 at 14:15
  • Any specific browser support? Range selection like many things can be proprietary, **cough** IE – ars265 Sep 03 '13 at 14:17
  • please mention which platform you are using for iPad using js,jquery. Is that phonegap or other – Anup Sep 03 '13 at 14:43
  • No, tis is a desktop application using (cough) ie. Unfortunately certain specs are out of my hand – user2244077 Sep 04 '13 at 06:02

1 Answers1

3

Try this jQuery plugin I created: http://codepen.io/mattsich/pen/MKvmxQ

$(document).ready(function(){
  $(".full-text").selectBars('.full-text', 'ipsum', function(){
    $('.selected-text p').text($('.full-text').attr('data-selected'));
  });

});
Matt Sich
  • 3,905
  • 1
  • 22
  • 26