CODEWITHSUNDEEP
javascriptjqueryhtml
user2244077
user2244077

Reputation: 21

Ipad like text selection handles for html page

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!! :)

Upvotes: 1

Views: 708

Answers (1)

Matt Sich
Matt Sich

Reputation: 4105

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

});

Upvotes: 3

Related Questions