localhots
/
whats-there
1
0
Fork 0
Code Releases Activity

Improved tooltip positioning

This commit is contained in:
Gregory Eremin 2014-07-05 15:05:50 +07:00
parent 53e8d361df
commit 015eb02fd2
1 changed files with 34 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
background.js
View File

@ -132,39 +132,54 @@
} }
function moveTooltip(e) { function moveTooltip(e) {
var tt = document.getElementById('whats-there-tooltip'), // Compact naming:
tt_width = tt.clientWidth, // t = Tooltip
tt_height = tt.clientHeight, // w = Window
// s = Scroll offset
// e = Event (mousemove) position
var t = document.getElementById('whats-there-tooltip'),
t_width = t.clientWidth,
t_height = t.clientHeight,
w_width = window.innerWidth, w_width = window.innerWidth,
w_height = window.innerHeight, w_height = window.innerHeight,
s_top = document.documentElement.scrollTop, s_top = (window.pageYOffset || document.documentElement.scrollTop),
s_left = document.documentElement.scrollLeft, s_left = (window.pageXOffset || document.documentElement.scrollLeft),
e_top = e.clientY, e_top = e.clientY,
e_left = e.clientX; e_left = e.clientX;
var tt_top = s_top + e_top - tt_height - 20, log('Positioning tooltip');
tt_left = s_left + e_left - tt_width / 2; log('Window: '+ w_width +'×'+ w_height);
log('Scroll: '+ s_left +','+ s_top);
log('Event: '+ e_left +','+ e_top);
// Vertical positioning fix // Default positioning
if (tt_top < 10) { var t_top = s_top + e_top - t_height - 20,
tt_top = 10; t_left = s_left + e_left - t_width / 2;
log('Initial position: '+ t_left +','+ t_top);
if (t_top < 10) {
// Vertical positioning correction
t_top = 10;
if (e_left > w_width / 2) { if (e_left > w_width / 2) {
tt_left = s_left + e_left - tt_width - 20; t_left = s_left + e_left - t_width - 20;
} else { } else {
tt_left = s_left + e_left + 20; t_left = s_left + e_left + 20;
} }
} else { } else {
// Horizontal positioning fixes // Horizontal positioning correction
if (e_left - tt_width / 2 - 10 < s_left) { if (e_left - t_width / 2 - 10 < s_left) {
tt_left = 10; t_left = 10;
} else if (tt_left + tt_width + 10 > w_width) { } else if (t_left + t_width + 10 > w_width) {
tt_left = w_width - tt_width - 10; t_left = w_width - t_width - 10;
} }
} }
tt.style.top = tt_top + 'px'; log('Position after correction: '+ t_left +','+ t_top);
tt.style.left = tt_left + 'px';
t.style.top = t_top + 'px';
t.style.left = t_left + 'px';
} }
function loadPageInfo(url, callback) { function loadPageInfo(url, callback) {