Задать вопрос
  • Как вывести блок по клику рядом с курсором?

    @Grigory1994 Автор вопроса
    Можно закрывать, на другом ресурсе помогли решить вопрос)
    Вот такой скрипт идеально работает в моем случае
    (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';
    });

    })();
  • Как вывести блок по клику рядом с курсором?

    @Grigory1994 Автор вопроса
    Спасибо, очень интересная статья!