☰

MetaFilter highlight selected comment

On MetaFilter.com, adds a border to the selected comment to make it stand out visually, and adds "selected comment" to the small text to make it easy to search if you lose your place.

当前为 2019-08-21 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name        MetaFilter highlight selected comment
  3. // @version     11
  4. // @grant       none
  5. // @match       *://*.metafilter.com/*
  6. // @run-at      document-idle
  7. // @description On MetaFilter.com, adds a border to the selected comment to make it stand out visually, and adds "selected comment" to the small text to make it easy to search if you lose your place.
  8. // @locale      en-us
  9. // @namespace   https://greasyfork.org/users/324881
  10. // ==/UserScript==
  11.  
  12. function highlightSelectedComment() {
  13.   // first, clear all borders and selected comment text when this function is called.
  14.   let allCommentDivs = document.getElementsByClassName('comments');
  15.   for (commentDiv of allCommentDivs) {
  16.     commentDiv.style.outline = '';
  17.     commentDiv.style.outlineOffset = '';
  18.   }
  19.   let allSelectedCommentsSpans = document.getElementsByClassName('tehhundUserScriptSelectedComment');
  20.   for (selectedCommentSpan of allSelectedCommentsSpans) {
  21.     selectedCommentSpan.remove();
  22.   }
  23.   
  24.   // then if there's a hash/fragment ID, highlight it.
  25.   if(window.location.hash) {
  26.     let fragment = window.location.hash.substring(1);
  27.     let anchor = document.getElementsByName(fragment)[0];
  28.     let divToHighlight = anchor.nextSibling;
  29.     divToHighlight.style.outline = '.2em solid #9cc754';
  30.     divToHighlight.style.outlineOffset = '.2em';
  31.     divToHighlight.lastChild.innerHTML += '<span class=\'tehhundUserScriptSelectedComment\'>Selected comment. </span>';
  32.   }
  33. }
  34.  
  35. // Attach event listeners
  36. highlightSelectedComment(); // In case this script runs after the window load event, highlight as soon as Greasemonkey runs the script.
  37. window.addEventListener('load',highlightSelectedComment); // In case this script runs before the window load event, highlight when that event fires.
  38. window.addEventListener('hashchange',highlightSelectedComment); // Run every time the hash changes.