Wikipedia:NavFrame

有關動態導航盒嘅註解。

動態導航盒係結集咗CSS同埋JavaScript嘅技術去整一啲收得埋嘅導航盒。有關響技術上面嘅宣告方法，請睇響MediaWiki:Common.css上面完整嘅樣式表，同埋響MediaWiki:Common.js上面嘅JavaScript原始碼。

例子（撳"展開"或者"收埋"去睇睇一啲嘅好嘢）：

點用

NavFrame divs

用div，你可以差唔多收埋所有嘢。呢度有三種主要嘅classes：NavFrame, NavHead, NavContent。

簡單嘅例子

你需要開三個div標籤：

<div class="NavFrame">
  <div class="NavHead">[... 呢個係你收埋啲嘢嘅標題 ...]</div>
  <div class="NavContent">
    [... 你要收埋嘅嘢會響呢度 ...]
  </div>
</div>

[... 呢個係你收埋啲嘢嘅標題 ...]

[... 你要收埋嘅嘢會響呢度 ...]

混合class例子

如果你唔想咁單調噉用一啲標準嘅class，你亦都可以將其它嘅class加入一啲更多樣式嘅設計：

<div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">[... 呢個係你收埋啲嘢嘅標題 ...]</div>
  <div class="NavContent anotherclass">
    [... 你要收埋嘅嘢會響呢度 ...]
  </div>
</div>

[... 呢個係你收埋啲嘢嘅標題；佢係冇一啲平字，你可以響呢度有創意 ...]

[... 你要收埋嘅嘢會響呢度 ...]

收得埋嘅表

簡單例子

好似上面嘅例子噉，而且重簡單，你只係需要響個表度加上collapsible。要出到有【展開】/【收埋】嘅連結，個表嘅第一行一定要係標題行，即係用感嘆號以wikisyntax嘅方法開始。下面嘅例子係用咗toccolours以方便顯示；呢個係唔使用響collapsible嘅功能度：

{| class="toccolours collapsible" width="60%"
!colspan="2"| 同表欄玩
|-
| 欄1 || 欄2
|}

同表欄玩
欄1	欄2

Combined with sortable:

數字
123
6
45

自動收埋表

你可以有兩種選擇去自動收埋。除咗collapsible class之外，你重可以加入埋collapsed或者autocollapse。前者係一定會收埋個表。autocollapse只係響有一版度有最少兩個收得埋嘅表。

{| class="toccolours collapsible autocollapse" width=60%
|-
! colspan="2" | 因為呢一版有最少兩個收得埋嘅表，呢個自動收得埋嘅表會自動收埋。
|-
| 欄1 || 欄2
|}

因為呢一版有最少兩個收得埋嘅表，呢個自動收得埋嘅表會自動收埋。
欄1	欄2

{| class="toccolours collapsible collapsed" width=60%
|-
! colspan="2" | 呢度表一定會收埋
|-
| 欄1 || 欄2
|}

呢度表一定會收埋
欄1	欄2

可以排次序、初始收埋，兩個版本：

數字
123
6
45

數字

123
6
45

限制

響現時，嗰三個Nav* class會用佢哋自己嘅樣式。當啲class混埋一齊嗰陣，噉啲Nav樣式會蓋咗其它嘅樣式（響上面嘅例子度，NavFrame係會蓋咗原先響.messagebox.standard-talk嘅樣式）。

呢個限制唔會影響到收埋嘅表。

協助性

所有由Internet Explorer 5.5或以上(IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, 等)可以支援JavaScript嘅瀏覽器會識得收埋啲嘢。

Internet Explorer 5同埋唔支援JavaScript嘅瀏覽器係唔會出現[展開/收埋]嘅連結，而且唔會收埋佢哋。

模

• Template:Hidden