MediaWiki:Common.js: Difference between revisions

No edit summary
No edit summary
Line 80: Line 80:
                  
                  
                 e.target.style.left = left - bodyLeft + 'px';
                 e.target.style.left = left - bodyLeft + 'px';
                //e.target.style.top = linkTop - bodyTop - e.target.offsetHeight - 5 + 'px';
                 e.target.style.top = linkTop - e.target.offsetHeight - 5 + 'px';
                 e.target.style.top = linkTop - e.target.offsetHeight - 5 + 'px';
             });
             });
         }
         }
    //    if (e.target.classList && e.target.classList.contains('mwe-popups')){
        if (e.target.classList && e.target.classList.contains('mwe-popups')){
    //        requestAnimationFrame(function () {
            requestAnimationFrame(function () {
// document.querySelectorAll('.cog-box-inner a').forEach(function(link){
document.querySelectorAll('.cog-box-inner a').forEach(function(link){
//    link.addEventListener('mouseover', function(event) {
    link.addEventListener('mouseover', function(event) {
//    var parentBox = this.closest('.cog-box-inner a');
    var parentBox = this.closest('.cog-box-inner a');
//        if (parentBox) {
        if (parentBox) {
//        console.log(parentBox);
        console.log('parentBox', parentBox);
//        var linkTop = parentBox.getBoundingClientRect().top + window.scrollY;
        var linkTop = parentBox.getBoundingClientRect().top + window.scrollY;
//              var bodyTop = document.body.getBoundingClientRect().top + window.scrollY;
                var bodyTop = document.body.getBoundingClientRect().top + window.scrollY;
//              var top = parseInt(window.getComputedStyle(e.target).top);
                var top = parseInt(window.getComputedStyle(e.target).top);
//              var bodyLeft = document.body.getBoundingClientRect().left;
                var bodyLeft = document.body.getBoundingClientRect().left;
//              var left = parseInt(window.getComputedStyle(e.target).left);
                var left = parseInt(window.getComputedStyle(e.target).left);
//              e.target.style.left = left - bodyLeft + 'px';
            console.log('left', left-bodyLeft);
    //            e.target.style.top = linkTop - e.target.offsetHeight - 5 + 'px';
            console.log('top', linkTop - e.target.offsetHeight - 5);
//        }
                e.target.style.left = left - bodyLeft + 'px';
//    });
                e.target.style.top = linkTop - e.target.offsetHeight - 5 + 'px';
// });
        }
    //        });
    });
    //    }
});
            });
        }
     },
     },
     false
     false