1 608
edições
Sem resumo de edição |
Sem resumo de edição |
||
| Linha 1: | Linha 1: | ||
document.addEventListener("mouseover", function(e) { | document.addEventListener("mouseover", function(e) { | ||
if (!e.target.classList.contains("itemdef")) return; | if (!e.target.classList.contains("itemdef")) return; | ||
var id = e.target.getAttribute("data-item"); | |||
var db = { | |||
601: { | 601: { | ||
name: " | name: "Pokebola", | ||
desc: "Uma espada forjada pelos deuses." | |||
desc: " | |||
} | } | ||
}; | }; | ||
var item = db[id]; | |||
if (!item) return; | if (!item) return; | ||
var tooltip = document.createElement("div"); | |||
tooltip.className = "item-tooltip"; | tooltip.className = "item-tooltip"; | ||
tooltip.innerHTML = | tooltip.innerHTML = | ||
<b> | "<b>" + item.name + "</b><br>" + | ||
item.desc; | |||
document.body.appendChild(tooltip); | document.body.appendChild(tooltip); | ||
var move = function(ev) { | |||
tooltip.style.left = ev.pageX + 15 + "px"; | tooltip.style.left = (ev.pageX + 15) + "px"; | ||
tooltip.style.top = ev.pageY + 15 + "px"; | tooltip.style.top = (ev.pageY + 15) + "px"; | ||
}; | }; | ||
document.addEventListener("mousemove", move); | document.addEventListener("mousemove", move); | ||
e.target.addEventListener("mouseout", () | e.target.addEventListener("mouseout", function() { | ||
tooltip.remove(); | tooltip.remove(); | ||
document.removeEventListener("mousemove", move); | document.removeEventListener("mousemove", move); | ||
}, { once: true }); | }, { once: true }); | ||
}); | }); | ||