Custom TierMaker List

Use to define tier lists for categories that wouldn't otherwise merit a template.

  1. // ==UserScript==
  2. // @name Custom TierMaker List
  3. // @namespace http://tampermonkey.net/
  4. // @version 0.1
  5. // @description Use to define tier lists for categories that wouldn't otherwise merit a template.
  6. // @author Lendri Mujina
  7. // @match https://tiermaker.com/create/custom-through-developer-tools-125665
  8. // @match https://tiermaker.com/create-xy/custom-through-developer-tools-125665
  9. // @icon https://www.google.com/s2/favicons?domain=tiermaker.com
  10. // @grant none
  11. // ==/UserScript==
  12.  
  13. (function() {
  14. 'use strict';
  15. function id(el,id) {return el.getElementById(id);}
  16. function tg(el,tag) {return el.getElementsByTagName(tag);}
  17.  
  18. window.addEventListener('load', function() {
  19. //------------------
  20. //Define image lists in this area. Use the default list as an example of how to format them.
  21. //------------------
  22.  
  23. var defaultList1 =["Default List 1", //Use this first item to give the list a display name. If you don't want one, use "".
  24. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item00png.png",
  25. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item01png.png",
  26. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item02png.png",
  27. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item03png.png",
  28. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item04png.png",
  29. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item05png.png",
  30. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item06png.png",
  31. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item07png.png",
  32. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item08png.png",
  33. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item09png.png"
  34. ];
  35.  
  36. var defaultList2 =["Default List 2",
  37. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Apng.png",
  38. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Bpng.png",
  39. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Cpng.png",
  40. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Dpng.png",
  41. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Epng.png",
  42. "https://tiermaker.com/images/chart/chart/custom-through-developer-tools-125665/item0Fpng.png"
  43. ];
  44.  
  45.  
  46. //------------------
  47. //Select which list to use here.
  48. //------------------
  49.  
  50. var imgURL = defaultList1;
  51.  
  52. //------------------
  53.  
  54. var containerTag = "";
  55. var titleType = "";
  56.  
  57. var currentURL = window.location.href;
  58. if (currentURL == "https://tiermaker.com/create-xy/custom-through-developer-tools-125665"){
  59. containerTag = "inner-draggables-container";
  60. titleType = " Alignment Chart";
  61. }
  62. else {
  63. containerTag = "create-image-carousel";
  64. titleType = " Tier List Maker"
  65. }
  66. var imgTagList = "";
  67. for (let i = 1; i < imgURL.length; i++) {
  68. imgTagList += '<div class="character" id="' + (i) + '\" style=\'background-image: url(\"' + imgURL[i] + '\");\'></div>';
  69. }
  70. var entriesBox = id(document,containerTag);
  71. console.log(entriesBox);
  72. var openingTage = '<div></div>'
  73. entriesBox.innerHTML = '<div></div>' + imgTagList + '</div>';
  74. tg(document,"h1")[0].innerHTML = imgURL[0] + titleType;
  75. }, false);
  76. })();