diff options
Diffstat (limited to 'src/App.svelte')
| -rw-r--r-- | src/App.svelte | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/src/App.svelte b/src/App.svelte index 4c764b6..e17eba3 100644 --- a/src/App.svelte +++ b/src/App.svelte @@ -162,27 +162,29 @@ */ const deps = fr_svg.getElementsByTagName("path"); + function updatePosition(e) { + if(currentDepGuessed == -1) { + info.style.top = `${e.pageY - 70}px`; + info.style.left = `${e.pageX - 0}px`; + } + } + for(let dep of deps) { if(dep.id.startsWith("dep_")) { const code = dep.id.slice(4).replace("-bis", ""); - dep.addEventListener("mouseenter", () => { + dep.addEventListener("mouseenter", e => { if(currentDepGuessed == -1) { info.classList.add("active") info.innerHTML = `<b>${departements[code]['name']}</b> (${code})` + updatePosition(e) } }); dep.addEventListener("mouseleave", () => { info.classList.remove("active") }); - dep.addEventListener("mousemove", e => { - // info.style.transform = "translate3d(" + e.layerX + "px," + e.layerY + "px, 0)"; - if(currentDepGuessed == -1) { - info.style.top = `${e.pageY - 70}px`; - info.style.left = `${e.pageX - 0}px`; - } - }); + dep.addEventListener("mousemove", updatePosition); } } } |