[annotator-dev] colored notes
Steph Skardal
steph at endpoint.com
Thu Dec 5 20:18:44 UTC 2013
Yep - I didn't elaborate on the blog post which project I used jQuery's
contents() method before, but it's a very useful tool in retrieving text
that is not wrapped in annotator's annotator-hl class that is not in
another DOM node. In our use of the annotator tool, we have
functionality to hide non-annotated text.
~Steph
On 12/05/2013 03:14 PM, Andrew Magliozzi wrote:
> Thanks for sharing, Steph. I noticed your blog post on jquery's
> contents() method too. It's here for anyone curious:
>
> http://blog.endpoint.com/2013/11/jquery-contents-method.html
>
> Might come in handy for others.
>
> Cheers,
> Andrew
>
>
>
>
> On Thu, Dec 5, 2013 at 12:00 PM, Steph Skardal <steph at endpoint.com
> <mailto:steph at endpoint.com>> wrote:
>
> I know there were a bunch of later responses regarding this, but I
> thought I'd chime in on my work.
>
> First off, I had to make some modifications to the annotator core
> to allow the user to select a color for new layers. This involved
> changes to the "addField" method. I also had to add a hook in my
> annotator plugin to assign layers category classes (e.g.
> .category-one, .category-two).
>
> After the user has selected the category, the jQuery plugins
> xColor and jQuery.Rule are used to adjust the background colors:
>
> var current_hex = '#FFFFFF';
> var opacity = 0.4 / total_number_of_colored_highlights;
> jQuery.each(unique_layers, function(key, value) {
> var color_combine = jQuery.xcolor.opacity(current_hex, *some_hex_for_the_current_layer*, opacity);
> current_hex = color_combine.getHex();
> });
> jQuery.rule(selector + ' { background-color: ' + current_hex + '; }').appendTo('#adhoc_stylesheet');
>
>
> Essentially, this loops through all the applicable colors to a
> specific set of categories tied to a node (e.g.
> .category-one.category-two, .category-one, .category-two), and
> builds the hex by using jQuery.xcolors color combine method.
>
> This is a lot more complex than just the code above, because the
> site has a lot more functionality built on top of the annotator
> plugin. I'm not planning on releasing this as a plugin for
> annotator, but the code will be / is open source. Now it lives in
> the annotator branch here:
> https://github.com/berkmancenter/h2o/tree/annotator
>
> I'm not necessarily pointing to this as a solution, but rather to
> give an idea of the tools I used to combine colored highlights and
> mention that I did have to override the annotator core to
> accomplish this.
>
> Steph
>
>
>
>
>
>
>
> On 12/05/2013 03:43 AM, Riccardo Tasso wrote:
>> What is the behaviour when, for example, a blue annotation is
>> overlayed on a yellow one? Is it possibile to sum their colors?
>>
>> Thanks,
>> Riccardo
>>
>>
>> 2013/12/5 Ewald Zietsman <ewald at siyavula.com
>> <mailto:ewald at siyavula.com>>
>>
>> That plugin is one I wrote, but I changed the annotator core
>> code to make it work (I didn't know any coffee/javascript
>> then), so it is woefully outdated. It basically adds an extra
>> input field on the annotator widget that lets you select a
>> 'type' and depending on the type it saves a 'type' field into
>> the annotation object that goes to the database. Other than
>> that you need a line or two of css (and add a class to the
>> annotation spans) to make the colours work.
>>
>>
>> On Thu, Dec 5, 2013 at 12:43 AM, Riccardo Tasso
>> <riccardo.tasso at gmail.com <mailto:riccardo.tasso at gmail.com>>
>> wrote:
>>
>> I've found this plugin:
>> https://github.com/ezietsman/annotator/blob/master/src/plugin/categories.coffee
>>
>> Do you think it can still be used, or maybe is it outdated?
>>
>> Cheers,
>> Riccardo
>>
>>
>> 2013/11/29 Riccardo Tasso <riccardo.tasso at gmail.com
>> <mailto:riccardo.tasso at gmail.com>>
>>
>> Hi, I'd like to know if it's possibile, or maybe
>> already exists, a plugin to make the user choose a
>> color during the insertion of a note, such that also
>> the highlighted text respects this choice.
>>
>> Cheers,
>> Riccardo
>>
>>
>>
>> _______________________________________________
>> annotator-dev mailing list
>> annotator-dev at lists.okfn.org
>> <mailto:annotator-dev at lists.okfn.org>
>> http://lists.okfn.org/mailman/listinfo/annotator-dev
>> Unsubscribe:
>> http://lists.okfn.org/mailman/options/annotator-dev
>>
>>
>>
>>
>> --
>> *
>> **Ewald Zietsman**
>> *
>> *
>> Technical Coor**dinator*
>>
>> Website: www.siyavula.com <http://www.siyavula.com/>
>> The Open Innovation Studio, 27 Buitenkant Street, Cape Town, 8001
>>
>>
>>
>>
>> _______________________________________________
>> annotator-dev mailing list
>> annotator-dev at lists.okfn.org <mailto:annotator-dev at lists.okfn.org>
>> http://lists.okfn.org/mailman/listinfo/annotator-dev
>> Unsubscribe:http://lists.okfn.org/mailman/options/annotator-dev
>
>
> _______________________________________________
> annotator-dev mailing list
> annotator-dev at lists.okfn.org <mailto:annotator-dev at lists.okfn.org>
> http://lists.okfn.org/mailman/listinfo/annotator-dev
> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
>
>
>
>
> _______________________________________________
> annotator-dev mailing list
> annotator-dev at lists.okfn.org
> http://lists.okfn.org/mailman/listinfo/annotator-dev
> Unsubscribe: http://lists.okfn.org/mailman/options/annotator-dev
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.okfn.org/pipermail/annotator-dev/attachments/20131205/3fcc73ff/attachment-0004.html>
More information about the annotator-dev
mailing list