Я разработал плагин Jquery, в котором пользователь может перемещаться между элементами веб-страницы.
используя клавиши со стрелками. Элемент, выбранный в данный момент, имеет подсветку вокруг него {(highlighter div).
Я указываю здесь код той части плагина, которая кажется мне неисправной
http://i.stack.imgur.com/Bnbem.png
var offset = $('.'+e.onClass).offset();
$('#monitor').html($.htmlClean($('.'+e.onClass).html()));
$('#highlighter').animate({'height' : $('.'+e.onClass).height() + 10, 'left' : (offset.left - 6) + 'px', 'top' : (offset.top - 10) + 'px', 'width' : $('.'+e.onClass).width() + 12 }, 300);
// here is some other code for the highlighter div
$('<div id="highlighter">')
.addClass('highlighter')
.prependTo('body');
$('<div id="monitor">')
.appendTo('body');
document.onkeydown = function(e) {
var k = e.keyCode;
if(k >= 37 && k <= 40) {
return false;
}
}
// $('body').html($.htmlClean($(this).html(), { allowedTags : ['a', 'ul', 'ol', 'li', 'br', 'p'] }));
var toFind = 'h1, h2, h3, h4, h5, p:visible, li:visible, input, textarea, th:hasText, td:last-child, td:hasText, pre, label, dt, dd';
$('body').find(toFind).addClass('keynav_box');
$('body').find(toFind).keynav('keynav_focusbox','keynav_box');
// Set the first div as the one with focus, this is optional
$('.keynav_box:first').removeClass().addClass('keynav_focusbox');
});
// $('#highlighter').scrollIntoView(true);
Проблема, с которой я сталкиваюсь, заключается в том, что навигатор занимает немного меньше места и застревает в верхнем левом углу, как показано в ссылке выше