Добавьте div над текстовым полем, не меняя положение текстового поля. ⇐ Jquery

[Anonymous]

Мне нужно добавить HTML-содержимое (изображения, метки и т. д.) над ячейкой таблицы, содержащей текстовое поле. На странице должно быть не менее 10 строк по 8 столбцов в каждой строке. Все 8 столбцов содержат текстовое поле.
Я уже собрал некоторый jQuery, который будет отображать и скрывать эту новую область содержимого над ячейкой таблицы, но CSS неверен, и ввод коробки опускаются вниз... Область содержимого, о которой я говорю, — это DIV, добавляемый плагином jQuery с классом inputbanner.

Код: Выделить всё

(function($) {
$.fn.inputmenu = function() {
function createInputMenu(node) {
$(node).bind('focus', function() {
$(this).parent().toggleClass('highlight');
$(this).prev('div.inputbanner').toggle();
});
$(node).bind('blur', function() {
$(this).parent().toggleClass('highlight');
$(this).prev('div.inputbanner').toggle();
});
$(node).parent().prepend('
[img]../../Content/Images/arrow_left_active.gif[/img]
&nbsp
[img]../../Content/Images/arrow_left_inactive.gif[/img]
');
}
return this.each(function() {
createInputMenu(this);
});
}
})(jQuery);

Код: Выделить всё

.inputbanner {
background-color: Orange;
position: absolute;
top: -20px;
display: none;
}

Код: Выделить всё

SWR: 1123 My Biggest Project
























$().ready(function() {
$('.timebox').inputmenu();
});

Подробнее здесь: https://stackoverflow.com/questions/115 ... of-textbox