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

Question

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

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

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

Answer 1

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

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

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

Answer 2

Вы можете использовать jQuery для динамической установки tabindexes с помощью переменной loop и counter. Проверьте это. 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 может быть установлено на любой номер табуляции, с которого вы хотите начать.