Code:
document.onmousemove = function (event) {
if (!event) {
event = window.event;
}
var x = event.clientX;
var y = event.clientY;
var a = document.getElementById('a');
var b = document.getElementById('b');
var c = document.getElementById('c');
var d = document.getElementById('d');
var f = document.getElementById('f');
var box = document.getElementById('buttonsBox');
a.addEventListener('mouseover', function(e) {
box.style.display = 'block';
box.style.top = x;
box.style.left = y;
}, true);
b.addEventListener('mouseover', function(e) {
}, true);
c.addEventListener('mouseover', function(e) {
}, true);
d.addEventListener('mouseover', function(e) {
}, true);
f.addEventListener('mouseover', function(e) {
}, true);
}
it gets the x and y but doesn't put 'buttonBox' where i want it. |
