TabberDefault, sekmeci örneklerinin ilk etkin sekmesini, işaretli varsayılanlar ile URL parçasının birleşimine göre ayarlar. Bu, kullanıcıların varsayılan bir sekme belirlemesine olanak tanır ve mümkün olan en iyi şekilde, URL parçası tarafından etkinleştirilen sekmelerin içeriğinin gerçekten görünür olmasını sağlar. Bu betik yalnızca sayfa yüklendiğinde etkin olan sekmeleri etkiler. Kullanıcı etkileşimi tarafından etkinleştirilen sekmeleri etkilememelidir.
Installation
Usage
Bir sekmeyi varsayılan olarak işaretlemek için, içeriğinin en üst düzeyinde TabberDefault sınıfına sahip bir öğe bulunmalıdır. İç içe geçmiş sekmeci örneklerini çözmeye çalışırken sorunlara neden olacağından, işaretçi sekmenin içeriğine yuvalanmış olmayabilir (ör. bir tablonun içinde olamaz). Birden fazla sekmenin içeriğinde işaret varsa, ilk sekme kullanılacaktır. Elemanın ne olduğu önemli olmasa da aşağıda istenildiği takdirde şablon olarak yapılabilecek basit bir örnek verilmiştir.
<span class="hidden TabberDefault" style="display: none;"></span>
Sekme Seçim Süreci
Belirli bir sekmeci örneği için, başlangıçta etkin olan sekme, sekmecinin yerleşik URL parçası kullanımı tarafından ayarlanmışsa, bu betik hiçbir şey yapmaz. Örnekte böyle bir sekme yoksa komut dosyası, iç içe geçmiş örnekleri arar. Aktif sekme daha sonra URL parçasıyla eşleşen ilk iç içe geçmiş sekmeyi gösterecek şekilde ayarlanır. Örnekte bu tür iç içe geçmiş örnekler yoksa, komut dosyası daha sonra varsayılan sekme işaretçileri için sekmelerin içeriğini arar. Tabber örnekleri iç içe olabileceğinden, işaretçinin sekme içeriğinin en üst düzeyine yerleştirilmesi gerekir. Böyle bir işaretleyici içeren ilk sekme, etkin sekme olarak ayarlanır. Böyle bir sekme bulunamazsa, komut dosyası bunu yapan iç içe geçmiş örnekleri arar. Bu tür örnekler bulunursa, etkin sekme, varsayılan bir işaretleyici ile ilk iç içe geçmiş sekmeyi gösterecek şekilde ayarlanır. Böyle bir örnek bulunamazsa, sekmecinin varsayılan davranışına göre ilk sekme etkin sekme olarak bırakılır. Hangi iç içe geçmiş sekmenin "ilk" olduğunu belirlerken betik, ögelerin getElementsByClassName gibi işlevler tarafından döndürülme sırasına dayanır. Mevcut bilgilere dayanarak, bu bir önce derinlik araması için ön sıralama ile sonuçlanmalıdır.
Example
<tabber>
|-|Tab 1=This is tab 1.
|-|Tab 2=This is tab 2.{{#tag: tabber |
{{!}}-{{!}}Tab 2-1=This is tab 2-1.
{{!}}-{{!}}Tab 2-2=This is tab 2-2.
{{!}}-{{!}}Tab 2-3=This is tab 2-3.
{{!}}-{{!}}Tab 2-4=This is tab 2-4.{{#tag: tabber |
{{!}}-{{!}}Tab 2-4-1=This is tab 2-4-1.
{{!}}-{{!}}Tab 2-4-2=This is tab 2-4-2.
{{!}}-{{!}}Tab 2-4-3=This is tab 2-4-3.
{{!}}-{{!}}Tab 2-4-4=This is tab 2-4-4.
{{!}}-{{!}}Tab 2-4-5=This is tab 2-4-5.<span class="hidden TabberDefault" style="display: none;"></span>
}}<span class="hidden TabberDefault" style="display: none;"></span>
{{!}}-{{!}}Tab 2-5=This is tab 2-5.
}}
|-|Tab 3=This is tab 3.<span class="hidden TabberDefault" style="display: none;"></span>
|-|Tab 4=This is tab 4.
|-|Tab 5=This is tab 5.
</tabber>
{{#tag: tabber |
{{!}}-{{!}}Tab 6=This is tab 6.
{{!}}-{{!}}Tab 7=This is tab 7.
{{!}}-{{!}}Tab 8=This is tab 8.
{{!}}-{{!}}Tab 9=This<span class="hidden TabberDefault" style="display: none;"></span> is tab 9.<tabber>
|-|Tab 9-1=This is tab 9-1.
|-|Tab 9-2=This is tab 9-2.
|-|Tab 9-3=This is tab 9-3.
|-|Tab 9-4=This is tab 9-4.{{#tag: tabber |
{{!}}-{{!}}Tab 9-4-1=This is tab 9-4-1.
{{!}}-{{!}}Tab 9-4-2=This is tab 9-4-2.
{{!}}-{{!}}Tab 9-4-3=This is tab 9-4-3.
{{!}}-{{!}}Tab 9-4-4=This is tab 9-4-4.
{{!}}-{{!}}Tab 9-4-5=This is tab 9-4-5.<span class="hidden TabberDefault" style="display: none;"></span>
}}<span class="hidden TabberDefault" style="display: none;"></span>
|-|Tab 9-5=This is tab 9-5.
</tabber>
{{!}}-{{!}}Tab 10=This is tab 10.
}}
{{#tag: tabber |
{{!}}-{{!}}Tab 11=This is tab 11.
{{!}}-{{!}}Tab 12=<span class="hidden TabberDefault" style="display: none;"></span>This is tab 12.
{{!}}-{{!}}Tab 13=This is tab 13.{{#tag: tabber |
{{!}}-{{!}}Tab 2-1=This is tab 2-1.
{{!}}-{{!}}Tab 2-2=This is tab 2-2.<tabber>
|-|Tab 2-4-1=This is tab 2-4-1.
|-|Tab 2-4-2=This is tab 2-4-2.
|-|Tab 2-4-3=This is tab 2-4-3.
|-|Tab 2-4-4=This is tab 2-4-4.
|-|Tab 2-4-5=This is tab 2-4-5.<span class="hidden TabberDefault" style="display: none;"></span>
</tabber>
{{!}}-{{!}}Tab 2-3=This is tab 2-3.
{{!}}-{{!}}Tab 2-4=This is tab 2-4.<tabber>
|-|Tab 2-4-1=This is tab 2-4-1.
|-|Tab 2-4-2=This is tab 2-4-2.
|-|Tab 2-4-3=This is tab 2-4-3.
|-|Tab 2-4-4=This is tab 2-4-4.
|-|Tab 2-4-5=This is tab 2-4-5.<span class="hidden TabberDefault" style="display: none;"></span>
</tabber><span class="hidden TabberDefault" style="display: none;"></span>
{{!}}-{{!}}Tab 2-5=This is tab 2-5.
}}
{{!}}-{{!}}Tab 14=This is tab 14.
{{!}}-{{!}}Tab 15=This is tab 15.
}}
<tabber>
|-|Tab 16=This is tab 16.
|-|Tab 17=This is tab 17.{{#tag: tabber |
{{!}}-{{!}}Tab 17-1=This is tab 17-1.
{{!}}-{{!}}Tab 17-2=This is tab 17-2.
{{!}}-{{!}}Tab 17-3=This is tab 17-3.
{{!}}-{{!}}Tab 17-4=This is tab 17-4.{{#tag: tabber |
{{!}}-{{!}}Tab 17-4-1=This is tab 17-4-1.
{{!}}-{{!}}Tab 17-4-2=This is tab 17-4-2.
{{!}}-{{!}}Tab 17-4-3=This is tab 17-4-3.
{{!}}-{{!}}Tab 17-4-4=This is tab 17-4-4.
{{!}}-{{!}}Tab 17-4-5=This is tab 17-4-5.<span class="hidden TabberDefault" style="display: none;"></span>
}}
{{!}}-{{!}}Tab 17-5=This is tab 17-5.
}}
|-|Tab 18=This is tab 18.
|-|Tab 19=This is tab 19.
|-|Tab 20=This is tab 20.
</tabber>
This is tab 1.
This is tab 2.
This is tab 3.
This is tab 4.
This is tab 5.
This is tab 6.
This is tab 7.
This is tab 8.
This is tab 9.
This is tab 10.
This is tab 11.
This is tab 12.
This is tab 13.
This is tab 2-1.
This is tab 2-2.
This is tab 2-3.
This is tab 2-4.
This is tab 2-5.
This is tab 14.
This is tab 15.
This is tab 16.
This is tab 17.
This is tab 17-1.
This is tab 17-2.
This is tab 17-3.
This is tab 17-4.
This is tab 17-4-1.
This is tab 17-4-2.
This is tab 17-4-3.
This is tab 17-4-4.
This is tab 17-4-5.
This is tab 17-5.
This is tab 18.
This is tab 19.
This is tab 20.