aboutsummaryrefslogtreecommitdiff
path: root/src/App.svelte
diff options
context:
space:
mode:
Diffstat (limited to 'src/App.svelte')
-rw-r--r--src/App.svelte18
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);
}
}
}