Хочу написать появляющуюся подсказку. Есть этот код.
var Hint = function showHint() {
function HintViewer(options) {
this.hints = document.getElementsByClassName('hint');
this.container = document.getElementById('hint_container');
var self = this;
this.hints.addEventListener('mouseenter', function(event) {
self._showHint(event);
})
this.hints.addEventListener('mouseout', function(event){
self._closeHint(event);
})
}
HintViewer.prototype = {
_showHint: function(e) {
this.container.innerHTML = e.target.getAttribute('data-hint');
var coords = elem.getBoundingClientRect();
this.container.style.left = coords.left + "px";
this.container.style.top = coords.top + "px";
this.container.classList.remove('hidden');
},
_closeHint: function() {
this.container.classList.add('hidden');
}
};
return HintViewer;
}
В html есть блок <div id='hint_container'> </div> *
- тело для подсказки. И элементы с class="hint" data-hint="info"
. По идее, хочу добиться, чтобы при наведении на элемент с class="hint"
выводилась подсказка с текстом из data-hint
.
Подскажите, где я ошибся?
this.hint
, И как вы вообще собирались использоватьHint
переменную потом?