Html div element не честь видимости и атрибутов стиля, как они обновляются ⇐ Javascript

[Anonymous]

Я создаю, в основном, подсказка для групп SVG. Я не использую встроенный Title => подсказка, потому что я хочу, чтобы в конечном итоге был более богатый контент, этот простой текст не может поддержать. Мое намерение заключалось в том, чтобы Div был виден, когда группа падает и скрыта, когда ни одна группа не фокусируется. Также для того, чтобы Div перешел к близости к группе.

Код: Выделить всё

// -------------
var popup = null;
// -------------
document.addEventListener("DOMContentLoaded", function() {
document.getElementById("map").addEventListener("mousemove", function(event) {
doMove(event);
});
popup = document.getElementById("popup");
popup.setAttribute("visibility", "hidden");
});
// -------------
function doEnter(which) {
popup.innerHTML = which.id;
popup.setAttribute("visibility", "visible");
};

function doLeave(which) {
popup.setAttribute("visibility", "hidden");
};

function doMove(what) {
popup.setAttribute("style", "left: " + what.pageX + 5 + "; top: " + what.pageY + 5);
};
// -------------< /code>
svg {
max-width: 100%;
height: auto;
display: block;

g {
transform-origin: 50% 50%;

path {
fill: #ccc;
transition: background-color 200ms ease-in;

&:hover {
fill: #c00;
}
}

&:hover {
cursor: pointer;
}
}
}

#popup {
position: absolute;
background-color: white;
border: 1px solid #ccc;
padding: 10px;
font-size: 14px;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/796 ... are-update