| Index: ui/accessibility/extensions/longdesc/lastRightClick.js
|
| diff --git a/ui/accessibility/extensions/longdesc/lastRightClick.js b/ui/accessibility/extensions/longdesc/lastRightClick.js
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..42566b9ad30d4231c96cd4a905f105a3429fbbb6
|
| --- /dev/null
|
| +++ b/ui/accessibility/extensions/longdesc/lastRightClick.js
|
| @@ -0,0 +1,96 @@
|
| +/* Copyright (c) 2014 The Chromium Authors. All rights reserved.
|
| + * Use of this source code is governed by a BSD-style license that can be
|
| + * found in the LICENSE file. */
|
| +
|
| +var borderColor;
|
| +var borderStyle;
|
| +var borderWidth;
|
| +
|
| +chrome.storage.onChanged.addListener(function(changes, namespace) {
|
| + if (changes.addBorder.newValue) {
|
| + addBorders();
|
| + } else {
|
| + removeBorders();
|
| + }
|
| +});
|
| +
|
| +chrome.storage.sync.get("addBorder", function(item) {
|
| + if (item.addBorder) {
|
| + addBorders();
|
| + }
|
| +});
|
| +
|
| +document.addEventListener('contextmenu', function(element) {
|
| + updateContextMenuItem(element);
|
| +}, false);
|
| +
|
| +document.addEventListener('mouseover', function(element) {
|
| + updateContextMenuItem(element);
|
| +}, false);
|
| +
|
| +document.addEventListener('focus', function(element) {
|
| + updateContextMenuItem(element);
|
| +});
|
| +
|
| +/**
|
| + * Sends a message to the backgrond script notifying it to
|
| + * enable or disable the context menu item.
|
| + *
|
| + * @param element
|
| + */
|
| +function updateContextMenuItem(element) {
|
| + var longDesc = '';
|
| + var ariaDescribedAt = '';
|
| +
|
| + if (element.target.hasAttribute("longdesc")) {
|
| + longDesc = element.target.getAttribute("longdesc");
|
| + }
|
| +
|
| + if (element.target.hasAttribute("aria-describedat")) {
|
| + ariaDescribedAt = element.target.getAttribute("aria-describedat");
|
| + }
|
| +
|
| + if (longDesc !== '' || ariaDescribedAt !== '') {
|
| + chrome.runtime.sendMessage({
|
| + ariaDescribedAt: ariaDescribedAt,
|
| + longDesc: longDesc,
|
| + enabled: true
|
| + });
|
| + } else {
|
| + chrome.runtime.sendMessage({
|
| + enabled: false
|
| + });
|
| + }
|
| +}
|
| +
|
| +/**
|
| + * Modify border to make the HTML element more visible.
|
| + */
|
| +function addBorders() {
|
| + var elementArray = new Array(document.querySelectorAll('[longdesc]'));
|
| + elementArray.concat(new Array(document.querySelectorAll('[aria-describedat]')));
|
| +
|
| + for (var i = 0; i < elementArray.length; i++) {
|
| + borderColor = elementArray[0][i].style.borderColor;
|
| + borderStyle = elementArray[0][i].style.borderStyle;
|
| + borderWidth = elementArray[0][i].style.borderWidth;
|
| +
|
| + elementArray[0][i].style.borderColor = 'blue';
|
| + elementArray[0][i].style.borderStyle = 'groove';
|
| + elementArray[0][i].style.borderWidth = '15px';
|
| + }
|
| +}
|
| +
|
| +/**
|
| + * Revert back to the original border styling.
|
| + */
|
| +function removeBorders() {
|
| + var elementArray = new Array(document.querySelectorAll('[longdesc]'));
|
| + elementArray.concat(new Array(document.querySelectorAll('[aria-describedat]')));
|
| +
|
| + for (var i = 0; i < elementArray.length; i++) {
|
| + elementArray[0][i].style.borderColor = borderColor;
|
| + elementArray[0][i].style.borderStyle = borderStyle;
|
| + elementArray[0][i].style.borderWidth = borderWidth;
|
| + }
|
| +}
|
|
|