Вкладка указатель на плавающие входы

Question

У меня есть страница с макетом for, где одна половина страницы имеет динамическую ширину, а другая фиксирована.Это достигается путем перемещения стороны фиксированной ширины вправо.Все отображается нормально, но поскольку разметка фиксированной ширины предшествует динамической разметке ширины, порядок вкладок сбрасывается.

См. Здесь: http://jsfiddle.net/BaMqG/

Как я могу преодолеть это, не прибегая к установкеСвойства tabindex на входах?

Answer 1

Мне удалось получить ту же самую форму без таблиц для работы с таблицами.

Смотрите здесь: http://jsfiddle.net/ymSGM/

Мне все равно было бы интересно, можно ли это сделать любым другим способом.

Answer 2

Вы можете использовать jQuery для динамической установки tabindexes с помощью переменной цикла и счетчика. Проверьте это. http://jsfiddle.net/BaMqG/22/

$(document).ready(function() {
    var i = 1;
    $('.wrapper').each(function(){
        $(this).children('.dynamic').children('input').each(function(){
            $(this).attr("tabindex",i); 
            i++;
        });
        $(this).children('.fixed').children('input').each(function(){
            $(this).attr("tabindex",i);
            i++;
        });
    });
});​

Начальное значение для i можно установить на любой номер табуляции, с которого вы хотите начать.