Size: a a a

2019 November 12

DE

Denis Efremov in pro.js
js
class Tooltip {
 constructor () {
   this.style = document.createElement('style')
   this.tooltips = document.querySelectorAll('.tooltip')

   document.head.appendChild(style)

   for (var i = 0, n = this.tooltips.length; i < n; i++) {
       var attr = this.tooltips[i].getAttribute('data-tooltip')
       if (attr) {
           this.tooltips[i].addEventListener('click', this.clickEvent)
       }
   }
 }

 clickEvent (event) {
     var x = event.x - event.target.offsetLeft
     var y = event.y - event.target.offsetTop

     this.style.innerHTML = '.tooltip-active[data-tooltip]::after { left: ' + x + 'px; top: ' + y + 'px;opacity:1; }'

     event.target.classList.toggle('tooltip-active')
 }
}
источник

S

Syntax Highlight Bot in pro.js
Denis Efremov
js
class Tooltip {
 constructor () {
   this.style = document.createElement('style')
   this.tooltips = document.querySelectorAll('.tooltip')

   document.head.appendChild(style)

   for (var i = 0, n = this.tooltips.length; i < n; i++) {
       var attr = this.tooltips[i].getAttribute('data-tooltip')
       if (attr) {
           this.tooltips[i].addEventListener('click', this.clickEvent)
       }
   }
 }

 clickEvent (event) {
     var x = event.x - event.target.offsetLeft
     var y = event.y - event.target.offsetTop

     this.style.innerHTML = '.tooltip-active[data-tooltip]::after { left: ' + x + 'px; top: ' + y + 'px;opacity:1; }'

     event.target.classList.toggle('tooltip-active')
 }
}
источник

DE

Denis Efremov in pro.js
Только это не ООП
источник

DE

Denis Efremov in pro.js
А говно собачье
источник

DE

Denis Efremov in pro.js
Лучше оставь как было
источник

В

Владос in pro.js
я понял спасибо
источник

В

Владос in pro.js
а как бы лучше написать чтоб при клике не на елемента а в любом месте прятался тултип
источник

DE

Denis Efremov in pro.js
Владос
а как бы лучше написать чтоб при клике не на елемента а в любом месте прятался тултип
источник

В

Владос in pro.js
спс
источник

DE

Denis Efremov in pro.js
Пааажалста, товарищ майор )))
источник

В

Вадим in pro.js
Denis Efremov
А говно собачье
Умеешь красиво объяснить
источник

DE

Denis Efremov in pro.js
Вадим
Умеешь красиво объяснить
Спс. С этим трудно спорить ))
источник

DZ

D Z in pro.js
Denis Efremov
Спс. С этим трудно спорить ))
Чем вам прототипные классы не угодили? Как велите делать, чтобы было по красоте?
источник

DE

Denis Efremov in pro.js
Вообще самое мощное средство — это функция-конструктор
источник

DE

Denis Efremov in pro.js
D Z
Чем вам прототипные классы не угодили? Как велите делать, чтобы было по красоте?
Невозможностью скрыть данные например
источник

DZ

D Z in pro.js
Denis Efremov
Невозможностью скрыть данные например
Юзаю андерскор, еще слышал там # намечается
источник

DZ

D Z in pro.js
Denis Efremov
Вообще самое мощное средство — это функция-конструктор
Разве класс не то же самое, только симпатичнее?
источник

DE

Denis Efremov in pro.js
js
function NewInstance () {
 var prop = 'value'

 function privateMethod () {
   return prop
 }

 return {
   publicMethod () {
     return privateMethod()
   },
 }
}
источник

S

Syntax Highlight Bot in pro.js
Denis Efremov
js
function NewInstance () {
 var prop = 'value'

 function privateMethod () {
   return prop
 }

 return {
   publicMethod () {
     return privateMethod()
   },
 }
}
источник

DE

Denis Efremov in pro.js
источник