Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
Вот такой скрипт идеально работает в моем случае
(function(){
var hint = document.createElement('div');
hint.className = "description";
document.body.appendChild(hint);
var path = document.getElementsByTagName('path');
var i;
for( i = 0; i < path.length; i++ ){
path[i].addEventListener('click', function(e){
hint.innerHTML = this.dataset.description;
hint.style.display = 'block';
if( e.pageX + hint.offsetWidth < document.body.offsetWidth ){
hint.style.top = e.pageY + 10 + 'px';
hint.style.left = e.pageX + 10 + 'px';
} else {
hint.style.top = e.pageY + 10 + 'px';
hint.style.left = e.pageX - hint.offsetWidth - 10 + 'px';
}
});
}
document.addEventListener('click', function(e){
if( e.target.tagName.match("path") || hint.contains(e.target) ){ return; }
hint.style.display = 'none';
});
})();