ShowingTooltip = null; зачем?

Question

[olya_097]

реализация подсказки https://jsfiddle.net/e4qrdpj2/19/
с 14 по 27 строке не особо понятно, объясните , пожалуйста
и 34 строка showingTooltip = null;

Answer 1

[AngReload]

С 14 по 26 устанавливаются координаты где будет расположена подсказка. Считается исходя из позиции вьюпорта, элемента на который наведена мышь, и размеров посказки. И если координата заходит за верхнюю или левую границу вьюпорта (те отрицательные получились), то кординаты ставятся такие что бы подсказка была в его границах.
На 27-й сохраняется элемент подсказки в переменную «showingTooltip», чтобы потом её можно было скрыть при отведении мыши.

Потом идёт событие отведения мыши. Если «showingTooltip» не пуст, тогда подсказка удаляется со страницы и переменная «showingTooltip» устанавливается в «null». Если не очистить переменную «showingTooltip», то при движении мыши по станице мы будем постоянно пытаться удалить уже удалённую ранее со страницы подсказку.

Comments

[olya_097]

var top = coords.top - tooltipElem.offsetHeight - 5;
if (top < 0) {
top = coords.top + target.offsetHeight + 5;
}

так непонятно зачем тут -5
а потом +5

[AngReload]

olya_097, пять — это отступ между подсказкой и целевым элементом, что бы его сделать нужно, если подсказка выше целевого элемента: вычесть пять из координаты подсказки, если подсказка ниже целевого элемента: прибавить к координете подсказки.