GithubHelp home page GithubHelp logo

aron / annotator.touch.js Goto Github PK

View Code? Open in Web Editor NEW
64.0 10.0 21.0 849 KB

Touch device support for Annotator

Home Page: http://github.com/aron/annotator.touch.js

Makefile 3.67% CSS 37.32% CoffeeScript 59.01%

annotator.touch.js's Issues

Noob question: compability latest annotator

Compiled the latest annotator from source because I'm in dire need of the destroy function.
It works together with the latest compile from Annotator Touch, except for a couple items:
_When canceling a selection the text becomes highlighted.
_And the store plugin doesn't seem to push the highlighted text.

Will this soon be resolved?
I'm not skilled enough yet to fix this issue.
Or can I get some pointers as to where and how?

Any help would be highly appreciated.

Undefined is not a function on line (6)

Hi.
In accordance with title.

This is my code:

<head>
    <link rel="stylesheet" href="css/annotator.min.css"/>
    <link rel="stylesheet" href="css/annotator.touch.css"/>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/annotator-full.min.js"></script>
    <script type="text/javascript" src="js/annotator.touch.min.js"></script>

    <script type="text/javascript">
        $(document).ready(function()
        {
            var ann = jQuery("body").annotator();
            ann.annotator("addPlugin","Touch");
        });         
    </script>
</head>
    <div>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet 
    </div>

Any suggest?

How to make it compatible with iPhone 6 and 6 plus?

I have used your plugin inside my pub reader. I don't know much about css, can u please tell me the components i need to change for making dialog box appear inside my iPad or iPhone screen. Right now when I'm tapping on annotate button it is popping out the edit box larger than the screen itself! How to fix it?

Thanks in advance!

Issue: Annotate button is not shown in Firefox

  1. Select a word
  2. Click "Annotate"
  3. Click "Cancel"
  4. Select the same word again
  5. Annotate button is not shown as exxpected

tested on Firefox 11 (Ubuntu 11.04 with touch plugin enabled), Firefox Mobile 10.0.3 (Sony Tablet S - Android 3.2.1 )

Multiple instances of annotator

For some reasons it is not possible to initiate the touch plugin for several instances of annotator.

Steps to reproduce:

  1. Create test page with two divs
<div class="to-annotate">
some text
</div>
<div class="to-annotate">
some other text
</div>
  1. Attach annotator and touch plugin
    jQuery('.to-annotate').annotator().annotator("addPlugin", "Touch", {
                force: true,
                useHighlighter: false
            });
  1. Adding notes to second div is impossible. Reason for that is that when selection is made, both of the ANNOTATE button is shown (for each of the divs) and when clicked ONLY the first button is receives the events.
    The second button does not receive the event because it's being overlapped by the first one

[iPad]: Injecting annotator inside iframe

I have an application that uses iframe to show contents in epub's format.
In every page I need to inject the file into the book to enable the annotations. In Android it works fine, but in iOS, when I select the text and press the button to annotate, it simply not showing the textarea.

In the code, I found that in a feel seconds before the _onAdderTap method is triggered, the 'range' property becomes null and the method cannot do it's work.

Any ideas for solving it?

Annotator Touch with offline

How do I use this with Annotator Offline? I tried importing Annotator offline but it throws an error saying that Highlighter or Annotator is not defined.

Creating new annotations is not posting to the store

I'm using the touch plugin in addition to the standard annotator store plugin. With the touch plugin enabled, I am able to edit and delete existing annotations.

I am unable to create new annotations, though. In my browser's developer tools, I can see that there is no POST going to the server. Do you have any idea why the POST call is not happening?

I've tried this using various combinations of:

  • annotator/master
  • annotator v1.2.7
    and
  • annotator.touch.js/master
  • annotator.touch.js.1.0.1

And I've tried with the 'force' option as well as on an actual touch device.

Thanks,
Rouan

Annotating the same place twice

Hi,

With annotator.js I was able to annotate the same section twice with two different annotations. But when using the touch version it doesn't seem to be possible to do this, is there a work around for this?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.