1 files changed, 73 insertions, 0 deletions
diff --git a/tools/addon-sdk-1.12/examples/annotator/data/selector.js b/tools/addon-sdk-1.12/examples/annotator/data/selector.js
new file mode 100644
index 0000000..f42dbfa
--- /dev/null
+++ b/tools/addon-sdk-1.12/examples/annotator/data/selector.js
@@ -0,0 +1,73 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+/*
+The selector locates elements that are suitable for annotation and enables
+the user to select them.
+
+On 'mouseenter' events associated with <p> elements:
+- if the selector is active and the element is not already annotated
+- find the nearest ancestor which has an id attribute: this is supposed to
+make identification of this element more accurate
+- highlight the element
+- bind 'click' for the element to send a message back to the add-on, including
+all the information associated with the anchor.
+*/
+
+var matchedElement = null;
+var originalBgColor = null;
+var active = false;
+
+function resetMatchedElement() {
+  if (matchedElement) {
+    matchedElement.css('background-color', originalBgColor);
+    matchedElement.unbind('click.annotator');
+  }
+}
+
+self.on('message', function onMessage(activation) {
+  active = activation;
+  if (!active) {
+    resetMatchedElement();
+  }
+});
+
+function getInnerText(element) {
+  // jQuery.text() returns content of <script> tags, we need to ignore those
+  var list = [];
+  element.find("*").andSelf().contents()
+    .filter(function () {
+      return this.nodeType == 3 && this.parentNode.tagName != "SCRIPT";
+    })
+    .each(function () {
+      list.push(this.nodeValue);
+    });
+  return list.join("");
+}
+
+$('*').mouseenter(function() {
+  if (!active || $(this).hasClass('annotated')) {
+    return;
+  }
+  resetMatchedElement();
+  ancestor = $(this).closest("[id]");
+  matchedElement = $(this).first();
+  originalBgColor = matchedElement.css('background-color');
+  matchedElement.css('background-color', 'yellow');
+  matchedElement.bind('click.annotator', function(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    self.port.emit('show',
+      [
+        document.location.toString(),
+        ancestor.attr("id"),
+        getInnerText(matchedElement)
+      ]
+   );
+  });
+});
+
+$('*').mouseout(function() {
+  resetMatchedElement();
+});