2012-03-30 59 views
0

我有一個頁面,其中一個頁面的一半是動態寬度,另一個是固定的。這是通過將固定寬度的一側浮動到右側來實現的。它全部顯示正常,但由於固定寬度標記出現在動態寬度標記之前,所以標籤排序會被丟棄。浮動輸入上的Tab索引

在這裏看到:http://jsfiddle.net/BaMqG/

我怎樣才能克服這種不訴諸戴上輸入tabIndex屬性?

+1

1.您是否想按行或按「塊」瀏覽您的輸入?你可以離開固定組嗎? 3. tabindex屬性有什麼問題? – fcalderan 2012-03-30 08:33:15

+0

1.我想從左到右橫行瀏覽。 2.固定組必須要追隨動態組。 3.表單可以通過javascript增加大小(更多的輸入),因此跟蹤標籤索引將成爲一場噩夢。 – CeejeeB 2012-03-30 09:52:12

回答

0

我已經設法得到相同的外觀,沒有選項卡索引來使用表工作。

在這裏看到:http://jsfiddle.net/ymSGM/

我仍然有興趣,如果這是可以做到任何其他方式。

+0

老實說,在佈局中混合固定寬度和百分比寬度在html/css中固有地存在問題。您需要編寫一個腳本來處理表單的動態特性,或者通過使用表來完全避免該問題。每個人都有優點和缺點。如果語義標記在這種情況下比避免多餘的javascript更不重要,那麼表格可能是您擁有的最好的選擇。 – 2012-04-05 16:38:51

0

您可以使用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++; 
     }); 
    }); 
});​ 

對我的初始值可以設置爲任何的tabindex數要從開始。

+0

是的,我想到了這一點,但表單的這一部分位於完整表單的中間,所以當我通過js添加一個新的表單行時,不僅它的標籤索引需要更新,所有跟在它後面的表單都會更新。這就是爲什麼我想要一個非標籤索引解決方案。 – CeejeeB 2012-04-02 06:46:51

+0

我不認爲有一個實用的非tabindex解決方案,但我可以輕鬆修改這個js來完成你想要的。實際上,無論如何,它都會採用js,而這可能是代碼重要性最低的方式。 – 2012-04-02 14:15:08

+0

但是,如果您發佈鏈接到您的網頁,我可以查看備用解決方案。 – 2012-04-02 14:47:26