| OLD | NEW |
| (Empty) |
| 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 | |
| 5 var borderColor; | |
| 6 var borderStyle; | |
| 7 var borderWidth; | |
| 8 | |
| 9 chrome.storage.onChanged.addListener(function(changes, namespace) { | |
| 10 if (changes.addBorder.newValue) { | |
| 11 addBorders(); | |
| 12 } else { | |
| 13 removeBorders(); | |
| 14 } | |
| 15 }); | |
| 16 | |
| 17 chrome.storage.sync.get("addBorder", function(item) { | |
| 18 if (item.addBorder) { | |
| 19 addBorders(); | |
| 20 } | |
| 21 }); | |
| 22 | |
| 23 document.addEventListener('contextmenu', function(element) { | |
| 24 updateContextMenuItem(element); | |
| 25 }, false); | |
| 26 | |
| 27 document.addEventListener('mouseover', function(element) { | |
| 28 updateContextMenuItem(element); | |
| 29 }, false); | |
| 30 | |
| 31 document.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 */ | |
| 41 function 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 */ | |
| 69 function 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 */ | |
| 87 function 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 } | |
| OLD | NEW |