blob: 5dbd967c6380bc1408f700a6f28e14fcc1c3832b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
/*
Locate anchors for annotations and prepare to display the annotations.
For each annotation, if its URL matches this page,
- get the ancestor whose ID matches the ID in the anchor
- look for a <p> element whose content contains the anchor text
That's considered a match. Then we:
- highlight the anchor element
- add an 'annotated' class to tell the selector to skip this element
- embed the annottion text as a new attribute
For all annotated elements:
- bind 'mouseenter' and 'mouseleave' events to the element, to send 'show'
and 'hide' messages back to the add-on.
*/
self.on('message', function onMessage(annotations) {
annotations.forEach(
function(annotation) {
if(annotation.url == document.location.toString()) {
createAnchor(annotation);
}
});
$('.annotated').css('border', 'solid 3px yellow');
$('.annotated').bind('mouseenter', function(event) {
self.port.emit('show', $(this).attr('annotation'));
event.stopPropagation();
event.preventDefault();
});
$('.annotated').bind('mouseleave', function() {
self.port.emit('hide');
});
});
function createAnchor(annotation) {
annotationAnchorAncestor = $('#' + annotation.ancestorId);
annotationAnchor = $(annotationAnchorAncestor).parent().find(
':contains(' + annotation.anchorText + ')').last();
$(annotationAnchor).addClass('annotated');
$(annotationAnchor).attr('annotation', annotation.annotationText);
}
|
