Индекс вкладки на плавающих входах

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 может быть установлен на любой TabIndex номер, который вы хотите, чтобы начать с.