diff --git a/mods/descriptions.js b/mods/descriptions.js new file mode 100644 index 00000000..706b89ec --- /dev/null +++ b/mods/descriptions.js @@ -0,0 +1,12 @@ +console.log("descriptions.js: Loading vanilla descriptions..."); +fetch("https://sandboxels-mods.mollthecoder.repl.co/descriptions/vanilla.json") + .then(res=>{ + res.json().then(json=>{ + for(const element in json) { + // If the element doesn't exist (for example, nocancer2.js) then don't try to change it. + if(!elements.hasOwnProperty(element)) continue; + elements[element].desc = json[element]; + } + console.log("descriptions.js: Loaded vanilla descriptions!"); + }); +}); diff --git a/mods/tooltip.js b/mods/tooltip.js new file mode 100644 index 00000000..ee98a11d --- /dev/null +++ b/mods/tooltip.js @@ -0,0 +1,21 @@ +const defaultTooltip = "---"; +let tooltipEle; +window.addEventListener("load", ()=>{ + tooltipEle = document.createElement("p"); + tooltipEle.innerHTML = defaultTooltip; + document.getElementById("extraInfo").children[1].appendChild(tooltipEle); + let buttons = document.getElementsByClassName("elementButton"); + [...buttons].forEach(button=>{ + let ele = button.getAttribute("element"); + button.addEventListener("mouseenter", e=>{ + if(elements.hasOwnProperty(ele)) { + if(elements[ele].hasOwnProperty("desc")) { + tooltipEle.innerHTML = elements[ele].desc; + } + } + }); + button.addEventListener("mouseleave", e=>{ + tooltipEle.innerHTML = defaultTooltip; + }); + }); +});