OLD | NEW |
1 /* | 1 /* |
2 * This file is part of Adblock Plus <http://adblockplus.org/>, | 2 * This file is part of Adblock Plus <http://adblockplus.org/>, |
3 * Copyright (C) 2006-2014 Eyeo GmbH | 3 * Copyright (C) 2006-2014 Eyeo GmbH |
4 * | 4 * |
5 * Adblock Plus is free software: you can redistribute it and/or modify | 5 * Adblock Plus is free software: you can redistribute it and/or modify |
6 * it under the terms of the GNU General Public License version 3 as | 6 * it under the terms of the GNU General Public License version 3 as |
7 * published by the Free Software Foundation. | 7 * published by the Free Software Foundation. |
8 * | 8 * |
9 * Adblock Plus is distributed in the hope that it will be useful, | 9 * Adblock Plus is distributed in the hope that it will be useful, |
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of | 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of |
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
69 // author created shadow roots, but ignore insertion points. | 69 // author created shadow roots, but ignore insertion points. |
70 var child = document.createTextNode(""); | 70 var child = document.createTextNode(""); |
71 clone.appendChild(child); | 71 clone.appendChild(child); |
72 | 72 |
73 var shadow = document.createElement("shadow"); | 73 var shadow = document.createElement("shadow"); |
74 clone.shadowRoot.appendChild(shadow); | 74 clone.shadowRoot.appendChild(shadow); |
75 | 75 |
76 return shadow.getDistributedNodes()[0] == child; | 76 return shadow.getDistributedNodes()[0] == child; |
77 } | 77 } |
78 | 78 |
| 79 function getOriginalStyle(element) |
| 80 { |
| 81 if ("_originalStyle" in element) |
| 82 return element._originalStyle; |
| 83 |
| 84 return element.getAttribute("style"); |
| 85 } |
| 86 |
79 function highlightElement(element, shadowColor, backgroundColor) | 87 function highlightElement(element, shadowColor, backgroundColor) |
80 { | 88 { |
81 unhighlightElement(element); | 89 unhighlightElement(element); |
82 | 90 |
83 var originalBoxShadowPriority = element.style.getPropertyPriority("box-shadow"
); | 91 var originalBoxShadowPriority = element.style.getPropertyPriority("box-shadow"
); |
84 var originalBackgroundColorPriority = element.style.getPropertyPriority("backg
round-color"); | 92 var originalBackgroundColorPriority = element.style.getPropertyPriority("backg
round-color"); |
85 | 93 |
86 var boxShadow = "inset 0px 0px 5px " + shadowColor; | 94 var boxShadow = "inset 0px 0px 5px " + shadowColor; |
87 | 95 |
88 var highlightWithShadowDOM = function() | 96 var highlightWithShadowDOM = function() |
(...skipping 12 matching lines...) Expand all Loading... |
101 { | 109 { |
102 root.removeChild(style); | 110 root.removeChild(style); |
103 }; | 111 }; |
104 }; | 112 }; |
105 | 113 |
106 var highlightWithStyleAttribute = function() | 114 var highlightWithStyleAttribute = function() |
107 { | 115 { |
108 var originalBoxShadow = element.style.getPropertyValue("box-shadow"); | 116 var originalBoxShadow = element.style.getPropertyValue("box-shadow"); |
109 var originalBackgroundColor = element.style.getPropertyValue("background-col
or"); | 117 var originalBackgroundColor = element.style.getPropertyValue("background-col
or"); |
110 | 118 |
| 119 element._originalStyle = getOriginalStyle(element); |
| 120 |
111 element.style.setProperty("box-shadow", boxShadow, "important"); | 121 element.style.setProperty("box-shadow", boxShadow, "important"); |
112 element.style.setProperty("background-color", backgroundColor, "important"); | 122 element.style.setProperty("background-color", backgroundColor, "important"); |
113 | 123 |
114 element._unhighlight = function() | 124 element._unhighlight = function() |
115 { | 125 { |
116 this.style.removeProperty("box-shadow"); | 126 this.style.removeProperty("box-shadow"); |
117 this.style.setProperty( | 127 this.style.setProperty( |
118 "box-shadow", | 128 "box-shadow", |
119 originalBoxShadow, | 129 originalBoxShadow, |
120 originalBoxShadowPriority | 130 originalBoxShadowPriority |
(...skipping 214 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
335 clickHide_mouseClick(ev); | 345 clickHide_mouseClick(ev); |
336 } | 346 } |
337 | 347 |
338 // Hovering over an element so highlight it | 348 // Hovering over an element so highlight it |
339 function clickHide_mouseOver(e) | 349 function clickHide_mouseOver(e) |
340 { | 350 { |
341 if (clickHide_activated == false) | 351 if (clickHide_activated == false) |
342 return; | 352 return; |
343 | 353 |
344 var target = e.target; | 354 var target = e.target; |
345 while (target.parentNode && !(target.id || target.className || target.src || /
:.+:/.test(target.getAttribute("style")))) | 355 while (target.parentNode && !(target.id || target.className || target.src || /
:.+:/.test(getOriginalStyle(target)))) |
346 target = target.parentNode; | 356 target = target.parentNode; |
347 if (target == document.documentElement || target == document.body) | 357 if (target == document.documentElement || target == document.body) |
348 target = null; | 358 target = null; |
349 | 359 |
350 if (target && target instanceof HTMLElement) | 360 if (target && target instanceof HTMLElement) |
351 { | 361 { |
352 currentElement = target; | 362 currentElement = target; |
353 | 363 |
354 highlightElement(target, "#d6d84b", "#f8fa47"); | 364 highlightElement(target, "#d6d84b", "#f8fa47"); |
355 target.addEventListener("contextmenu", clickHide_elementClickHandler, true); | 365 target.addEventListener("contextmenu", clickHide_elementClickHandler, true); |
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
435 { | 445 { |
436 clickHideFilters.push(url.replace(/^[\w\-]+:\/+(?:www\.)?/, "||")); | 446 clickHideFilters.push(url.replace(/^[\w\-]+:\/+(?:www\.)?/, "||")); |
437 | 447 |
438 if (selector) | 448 if (selector) |
439 selectorList.push(selector); | 449 selectorList.push(selector); |
440 } | 450 } |
441 else if (selector) | 451 else if (selector) |
442 addSelector(selector); | 452 addSelector(selector); |
443 } | 453 } |
444 | 454 |
445 // restore the original style, before generating the fallback filter that | |
446 // will include the style, and to prevent highlightElements from saving those | |
447 unhighlightElement(currentElement); | |
448 | |
449 // as last resort, create a filter based on inline styles | 455 // as last resort, create a filter based on inline styles |
450 if (clickHideFilters.length == 0) | 456 if (clickHideFilters.length == 0) |
451 { | 457 { |
452 var style = elt.getAttribute("style"); | 458 var style = getOriginalStyle(elt); |
453 if (style) | 459 if (style) |
454 addSelector(escapeCSS(elt.localName) + '[style=' + quote(style) + ']'); | 460 addSelector(escapeCSS(elt.localName) + '[style=' + quote(style) + ']'); |
455 } | 461 } |
456 | 462 |
457 // Show popup | 463 // Show popup |
458 clickHide_showDialog(e.clientX, e.clientY, clickHideFilters); | 464 clickHide_showDialog(e.clientX, e.clientY, clickHideFilters); |
459 | 465 |
460 // Highlight the elements specified by selector in yellow | 466 // Highlight the elements specified by selector in yellow |
461 if (selectorList.length > 0) | 467 if (selectorList.length > 0) |
462 highlightElements(selectorList.join(",")); | 468 highlightElements(selectorList.join(",")); |
(...skipping 222 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
685 break; | 691 break; |
686 default: | 692 default: |
687 sendResponse({}); | 693 sendResponse({}); |
688 break; | 694 break; |
689 } | 695 } |
690 }); | 696 }); |
691 | 697 |
692 if (window == window.top) | 698 if (window == window.top) |
693 ext.backgroundPage.sendMessage({type: "report-html-page"}); | 699 ext.backgroundPage.sendMessage({type: "report-html-page"}); |
694 } | 700 } |
OLD | NEW |