• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1/* Copyright (c) 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5var borderColor;
6var borderStyle;
7var borderWidth;
8
9chrome.storage.onChanged.addListener(function(changes, namespace) {
10  if (changes.addBorder.newValue) {
11    addBorders();
12  } else {
13    removeBorders();
14  }
15});
16
17chrome.storage.sync.get("addBorder", function(item) {
18  if (item.addBorder) {
19    addBorders();
20  }
21});
22
23document.addEventListener('contextmenu', function(element) {
24  updateContextMenuItem(element);
25}, false);
26
27document.addEventListener('mouseover', function(element) {
28  updateContextMenuItem(element);
29}, false);
30
31document.addEventListener('focus', function(element) {
32  updateContextMenuItem(element);
33});
34
35/**
36 * Sends a message to the backgrond script notifying it to
37 * enable or disable the context menu item.
38 *
39 * @param element
40 */
41function updateContextMenuItem(element) {
42  var longDesc = '';
43  var ariaDescribedAt = '';
44
45  if (element.target.hasAttribute("longdesc")) {
46    longDesc = element.target.getAttribute("longdesc");
47  }
48
49  if (element.target.hasAttribute("aria-describedat")) {
50    ariaDescribedAt = element.target.getAttribute("aria-describedat");
51  }
52
53  if (longDesc !== '' || ariaDescribedAt !== '') {
54    chrome.runtime.sendMessage({
55      ariaDescribedAt: ariaDescribedAt,
56      longDesc: longDesc,
57      enabled: true
58    });
59  } else {
60    chrome.runtime.sendMessage({
61      enabled: false
62    });
63  }
64}
65
66/**
67 * Modify border to make the HTML element more visible.
68 */
69function addBorders() {
70  var elementArray = new Array(document.querySelectorAll('[longdesc]'));
71  elementArray.concat(new Array(document.querySelectorAll('[aria-describedat]')));
72
73  for (var i = 0; i < elementArray.length; i++) {
74    borderColor = elementArray[0][i].style.borderColor;
75    borderStyle = elementArray[0][i].style.borderStyle;
76    borderWidth = elementArray[0][i].style.borderWidth;
77
78    elementArray[0][i].style.borderColor = 'blue';
79    elementArray[0][i].style.borderStyle = 'groove';
80    elementArray[0][i].style.borderWidth = '15px';
81  }
82}
83
84/**
85 * Revert back to the original border styling.
86 */
87function removeBorders() {
88  var elementArray = new Array(document.querySelectorAll('[longdesc]'));
89  elementArray.concat(new Array(document.querySelectorAll('[aria-describedat]')));
90
91  for (var i = 0; i < elementArray.length; i++) {
92    elementArray[0][i].style.borderColor = borderColor;
93    elementArray[0][i].style.borderStyle = borderStyle;
94    elementArray[0][i].style.borderWidth = borderWidth;
95  }
96}
97