Fix tooltip.js

Adds a timeout to make sure everything is loaded before changing the DOM
This commit is contained in:
MollTheCoder 2023-07-13 20:56:40 -04:00 committed by GitHub
parent 214d093869
commit e2588d51af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 12 deletions

View File

@ -3,19 +3,21 @@ let tooltipEle;
window.addEventListener("load", ()=>{ window.addEventListener("load", ()=>{
tooltipEle = document.createElement("p"); tooltipEle = document.createElement("p");
tooltipEle.innerHTML = defaultTooltip; tooltipEle.innerHTML = defaultTooltip;
document.getElementById("extraInfo").children[1].appendChild(tooltipEle); setTimeout(()=>{
let buttons = document.getElementsByClassName("elementButton"); document.getElementById("extraInfo").children[1].appendChild(tooltipEle);
[...buttons].forEach(button=>{ let buttons = document.getElementsByClassName("elementButton");
let ele = button.getAttribute("element"); [...buttons].forEach(button=>{
button.addEventListener("mouseenter", e=>{ let ele = button.getAttribute("element");
if(elements.hasOwnProperty(ele)) { button.addEventListener("mouseenter", e=>{
if(elements[ele].hasOwnProperty("desc")) { if(elements.hasOwnProperty(ele)) {
tooltipEle.innerHTML = elements[ele].desc; if(elements[ele].hasOwnProperty("desc")) {
tooltipEle.innerHTML = elements[ele].desc;
}
} }
} });
}); button.addEventListener("mouseleave", e=>{
button.addEventListener("mouseleave", e=>{ tooltipEle.innerHTML = defaultTooltip;
tooltipEle.innerHTML = defaultTooltip; });
}); });
}); });
}); });