Žórło wobhladać

'''Kasxeblaj elementoj''' k dispoziciji staji wašnje schować a pokazać tabelu abo wobłuk jeli kneflk z tekstom "pokazać" abo "schować" so kliknje. Kod za tutu funkciju je na stronje [[MediaWiki:Common.js]].

Spočatny staw schowajomny dźěla wobsaha so móže definować wužiwajo "collapsible table" (za tabele), dokelž to tež zmóžni tabelu z jenož jedyn element z wobsahom, a hornjej linku.

Tajke rozeznawanje při wobłukach jenož je móžne z pomocu CSS-klasow. Tuž, jeli so zapisa klasa "NavFrame" hromadźe z "NavHead" a "NavContent" tuta móžnosć schować je wužitna. 

==Tabela==
===Jednory přikład===
Z tabelemi so hodźi jednorišo dźěłać, dokelž jenož dyrbiš přidać '''<tt>collapsible</tt>''' klasu k wotpowědnej tabeli. Zo by pokazować wotkaz z tekstom [schować]/[pokazać], prěnja linka tabele dyrbi hornja linka być, to je, jedyn z celow w prěnjeje lince so dyrbi definować z wuwołakom (we wikijowej syntaksy). Wužiwanje klasy <tt>wikitable</tt> w přikładźe deleka je jenož za konwenciju; njeje nuzne zo by <tt>collapsible</tt> fungowało.

{| class=wikitable style="width:80%;" align=center
!Pisomny kod!!Rezultat
|-
|width=50%|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible'''"
 '''!'''<nowiki> Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible"
! Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}
|}

Wužiwajo hornju syntaksu, schowajomne tabele často so wužiwaja zo by přeco pokazować zawod k, abo zjeće wot, jara dołheje diskusije abo wotrězk wobsaha, za čas schowanja najwjetšeho dźěla tutoho wobsaha před direktnym hladanjom. Zdźělenka zjeća so zapisa do cele hornjeje linki, a wobsah so zapisa do cele tabeloweho ćělesa. Wobsah so potom jednorje přistupny přez kliknjenje na wotkaz z tekstom 'schować'. Funkcionalnosć schowanja je tež k dispoziciji staji w šěršich a bóle komplikowanych tabelach, dołhož tam je cela za hornju linku w prěnjeje lince tabele.

{| class=wikitable style="width:80%;" align=center
!Pisomny kod!!Rezultat
|-
|style="width:50%; font-size:90%"|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible'''<nowiki>"
 |Normalna cela w hornjej lince
 </nowiki>'''!'''<nowiki> colspan="2"| Hornja cela wobpřima dwě špalće
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Dalša cela za tabelowe ćěleso
 |}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible"
|width=33%|Normalna cela w hornjej lince
! colspan="2"| Hornja cela wobpřima dwě špalće
|-
| colspan="2" | Lorem ipsum dolor sit amet
|width=33%| Dalša cela za tabelowe ćěleso
|}
|}

===Kasxado de tabeloj defauxlte===

Jxus uzante la <tt>'''collapsible'''</tt> klason produktas tabelon kiu estas malkasxata defauxlte, sed povas esti kasxata de la leganto. Estas ankaux eble krei tabeloj kiuj estas ''collapsed'' defauxlte, kaj povas esti opcie ''malkasxataj''. Ekzistas certaj metodoj por fari tion, depende de la situacioj en kiuj vi volas kasxigi la tabelon. 

===='collapsed'====

Přidaće klasy <tt>'''collapsed'''</tt> wuskutkuje zo tabela so ''přeco'' na spočatku schowa<!--, no matter what happens around it-->. To je najjednoriše wašnje zo by tak činiło. Wužiwanje delnich přikładow:

{| class=wikitable style="width:80%;" align=center
!Pisomny kod!!Rezultat
|-
|width=50%|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''"
 '''!'''<nowiki> Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible collapsed"
! Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}
|-
|style="width:50%; font-size:90%"|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>"
 |Normalna cela w hornjej lince
 </nowiki>'''!'''<nowiki> colspan="2"| Cela za hornju linku wobpřima dwě špalće
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Dalša cela za tabelowe ćěleso
 |}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible collapsed"
|width=33%|Normalna cela w hornjej lince
! colspan="2"| Cela za hornju linku wobpřima dwě špalće
|-
| colspan="2" | Lorem ipsum dolor sit amet
|width=33%| Dalša cela za tabelowe ćěleso
|}
|}

===='autocollapse'====

Aldono de <tt>'''autocollapse'''</tt> klaso kauxzas ke tabelo kasxigxas se ekzistas pli ol antauxdifinita nombro de kasxeblaj tabeloj sur la pagxo. En eo.wiki, cxi tiu antauxdifino estas metata sur 0. La ekzemplo malsupre tial kasxigxas cxar ekzitas pliaj kasxeblaj tabeloj sur la pagxo.

{| class=wikitable style="width:80%;" align=center
!Tajpenda kodo!!Rezulto
|-
|width=50%|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible autocollapse'''"
 '''!'''<nowiki> Simpla kasxebla tabelo
|-
| Lorem ipsum dolor sit amet
|}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible autocollapse"
! Simpla kasxebla tabelo
|-
| Lorem ipsum dolor sit amet
|}
|}

===='innercollapse' kaj 'outercollapse'====
Uzante cxi tiun paron de klasoj, estas eble fari tabelon kasxigxi defauxlte nur se gxi estas ''enkludata ene'' de cxirkauxa objekto, kiel ekz. alia tabelo.  

{| class=wikitable style="width:80%;" align=center
!Tajpenda kodo!!Rezulto
|-
|width=50%|&#32;
 <nowiki>{| class="wikitable </nowiki>'''outercollapse'''<nowiki>"
! Cxi tiu tabelo ne kasxigxas
|-
| But the table inside this cell

{| class="wikitable </nowiki>'''collapsible innercollapse'''<nowiki>"
! Gxi kasxigxas
|-
| Kasxu cxi tiun parton
|}

|}</nowiki>
|style="width:50%; text-align:center;"|
{| class="wikitable outercollapse"
! Cxi tiu tabelo ne kasxigxas
|-
| But the table inside this cell
{| class="wikitable collapsible innercollapse"
! Gxi kasxigxas
|-
| Kasxu cxi tiun parton
|}
|}

|}

===Pliaj notoj===

====Ordigeblaj tabeloj====

Kasxeblaj tabeloj povas esti kombinataj kun funkcieco de [[Helpo:Ordigado|ordigeblaj tabeloj]]  sen malfacilajxo. Tamen, cxar la kasxi/montri butono estas metata en la unuan kaplinian cxelon, gxia pozicio povas aspekti iom strange se la tabelo ne estas suficxe largxa:

{| class=wikitable style="width:80%;" align=center
!Tajpenda kodo!!Rezulto
|-
|width=50%|&#32;
 <nowiki>{| class="wikitable </nowiki>'''collapsible sortable'''<nowiki>"
!Nomo!!Poentoj
|-
|John||59
|-
|Jane||100
|-
|Bob||72
|}</nowiki>
|style="width:50%; text-align:center;"|
{|class="wikitable sortable collapsible"
!Nomo!!Poentoj
|-
|John||59
|-
|Jane||100
|-
|Bob||72
|}
|}

====Algxustigo====

Registeritaj uzantoj povas redakti [[Special:MyPage/monobook.js|sian monobook.js]] dosieron por sxangxi kelkajn el uzataj variabloj.

<source lang=javascript>
autoCollapse = 4 //kiom da kasxeblaj tabeloj sur la pagxo antaux ol memkasxado ekas (defauxlte=2)
var collapseCaption = 'faldi' //teksto de la [kasxi] ligilo (defauxlte='kasxi')
var expandCaption = 'malfaldi' //teksto de la [montri] ligilo (defauxlte='montri')
</source>

==Blokoj==
Por &lt;div&gt; (resp. &lt;/div&gt;)- grupigo kun certaj klasoj ekzistas simila kodigo en [[MediaWiki:Common.js]] sekve priskribenda.

===Kiel uzi===
====NavFrame divs====
La baza koncepto cxi tie estas uzi la [[Span and div|'''div''']] [[HTML elemento|elementon]] ene de Vikia artikola marka kodo por identigi certan enhavon (kiujn ni nomas "detaloj" cxi tie), pri kiu ni volas, ke la uzanto havas eblecon por "montri" aux "kasxi" gxin. La uzata markkodo por realigi cxi tiun efikon entenas tri cxefajn klasojn: <tt>'''NavFrame''', '''NavHead''', '''NavContent'''</tt>. La defauxlta arangxo de cxi tiu kodo komence "montras" la detalojn, same bone kiel liigilon por "kasxi" la detalojn. <!--To reverse the default behavior, so that the details are initially hidden,  the NavContent element can be declared with <tt>style="display:none;"</tt>.-->

=====Simpla ekzemplo=====
Vi devos krei tri <code>div</code> elementojn:
<source lang="html4strict"><div class="NavFrame">
  <div class="NavHead">[... Tio estas la titolo de via kasxebbla enhavo ...]</div>
  <div class="NavContent">
    [... La enhavo, kiun vi volas kasxi, sekvas cxi tie ...]
  </div>
</div></source>
<div class="NavFrame">
  <div class="NavHead">[... Tio estas la titolo de via kasxebbla enhavo ...]</div>
  <div class="NavContent">
[...  La enhavo, kiun vi volas kasxi, sekvas cxi tie ...]
  </div>
</div>

<!--
Por komence kasxi la enhavon faru tion:
<source lang="html4strict"><div class="NavFrame collapsed">
  <div class="NavHead">[... Tio estas la titolo de la kasxita enhavo ...]</div>
  <div class="NavContent">
    [... Cxi tiu enhavo estas komence kasxita ...]
  </div>
</div></source>
<div class="NavFrame collapsed">
  <div class="NavHead">[... Tio estas la titolo de la kasxita enhavo ...]</div>
  <div class="NavContent">
[... Cxi tiu enhavo estas komence kasxita ...]
  </div>
</div>
-->
<!-- The following note may be safely removed 30 days after 23 September 2008. 
(Note: The "collapsed" class is a recent feature.  If the content above does not appear initially hidden, try [[WP:BYPASS|clearing your browser JavaScript cache]].)-->

=====Ekzemplo kun miksaj klasoj=====
Vi povas krome apliki aliajn klasojn apud la menciitaj, farante pli stilan desajnon prefere al tio, ke vi uzus la normalajn klasojn:
<source lang="html4strict"><div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">
    [... Tio estas la titolo; gxi ne devas esti nura teksto, vi povas esti kreativa cxi tie ...]</div>
  <div class="NavContent anotherclass">
    [... La enhavo, kiun vi volas kasxi, sekvu cxi tie ...]
  </div>
</div></source>
<div class="messagebox standard-talk NavFrame">
  <div class="somerandomclass NavHead">
[... Tio estas la titolo; gxi ne devas esti nura teksto, vi povas esti kreativa cxi tie ...]</div>
  <div class="NavContent anotherclass">
[... La enhavo, kiun vi volas kasxi, sekvu cxi tie ...]
  </div>
</div>

=== Limigoj ===
Aktuale la tri <code>Nav*</code> klasoj aplikas stilojn per si mem. Se miksigxas klasoj, tio kauxzas ke kelkaj el la Nav stiloj superskribas aliajn stilojn (en la supra ekzemplo, NavFrame superskribas la stilojn de <code>.messagebox.standard-talk</code>).

Cxi tiu limigoj ne koncernas kasxeblajn tabelojn.

=== Akcesebleco ===
Cxiuj foliumiloj de Internet Explorer 5.5 kaj pli novaj (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, ktp.), kiuj subtenas JavaScripton, konvene kasxos la elementojn.

Internet Explorer 5 kaj foliumiloj, kiuj ne subtenas JavaScripton aux cxe kiuj gxi estis malsxaltita, surekranigos la elementojn sen la [kasxi/montri] ligiloj kaj ne kasxos ilin.

===Bazaj sxablonoj===
{{Navigilaro}}

==Aliaj HTML elementoj==
Por pliaj elementoj tia funkcieco ne estas uzebla, cxar ne ekzistas la koncernataj funkcioj en [[MediaWiki:Common.js]].

==Vidu ankaux==
*[[:m:Help:Collapsing]]
*[[:en:Help:Collapsing]]
*[[:en:Wikipedia:NavFrame]]
<!--
[[Category:Navbox (navigational) templates]]
-->
[[eo:Helpo:Kaŝeblaj elementoj]]