☰

Modify RES Image Title

Sets the title attribute on the RES Image in a Reddit thread to match the document title. This is done so extensions like Pinterest can capture the image and use the document's title as the description.

  1. // ==UserScript==
  2. // @name         Modify RES Image Title
  3. // @namespace    http://tampermonkey.net/
  4. // @version      2.0
  5. // @description  Sets the title attribute on the RES Image in a Reddit thread to match the document title. This is done so extensions like Pinterest can capture the image and use the document's title as the description.
  6. // @author       PoorPolonius
  7. // @include      http://www.reddit.com/r/*
  8. // @include      https://www.reddit.com/r/*
  9. // @match        http://www.reddit.com/r/*
  10. // @match        https://www.reddit.com/r/*
  11. // @grant        GM_log
  12. // @require      https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js
  13. // @license      Copyright 2016 reddit.com/u/PoorPolonius; Released under the MIT license
  14. // ==/UserScript==
  15. /* jshint -W097 */
  16. 'use strict';
  17.  
  18. // Your code here...
  19.  
  20. var COUNTER_LIMIT = 5;
  21.  
  22. var _siteTable = "#siteTable",
  23.     _toggleButton = "a[class*='toggleImage']",
  24.     _resImage = "img[class*='RESImage']";
  25.  
  26. var _buttonCounter = 0,
  27.     _imageCounter = 0;
  28.  
  29. var _handlerAttached = false,
  30.     _delayTimer = null;
  31.  
  32. function ClearTimeout() {
  33.     
  34.     if (null !== _delayTimer) {
  35.         
  36.         clearTimeout(_delayTimer);
  37.     }
  38. }
  39.  
  40. function ToggleHandler(e) {
  41.  
  42.     ClearTimeout();
  43.     
  44.     var resImage = $(_resImage);
  45.  
  46.     if (0 < resImage.length) {
  47.  
  48.         $(_resImage).attr("title", document.title);
  49.         
  50.         DetachToggleHandler();
  51.     }
  52.     else if (COUNTER_LIMIT !== _imageCounter) {
  53.         
  54.         _delayTimer = setTimeout(ToggleHandler, 100);
  55.     }
  56.     else {
  57.         
  58.         DetachToggleHandler();
  59.     }
  60.     
  61.     _imageCounter++;
  62. }
  63.  
  64. function AttachToggleHandler() {
  65.  
  66.     ClearTimeout();
  67.     
  68.     var toggleButton = $(_toggleButton);
  69.     
  70.     if (!_handlerAttached && 0 < toggleButton.length) {
  71.         
  72.         toggleButton.on("click", ToggleHandler);
  73.         
  74.         _handlerAttached = true;
  75.     }
  76.     else if (COUNTER_LIMIT !== _buttonCounter) {
  77.         
  78.         _delayTimer = setTimeout(AttachToggleHandler, 100);
  79.     }
  80.     
  81.     _buttonCounter++;
  82. }
  83.  
  84. function DetachToggleHandler() {
  85.     
  86.     $(_toggleButton).off("click", ToggleHandler);
  87. }
  88.  
  89. $(document).ready(function () {
  90.  
  91.     AttachToggleHandler();
  92. });