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

[Anonymous]

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





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;
}


// -------------
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);
};
// -------------














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