Pomoc:Schować elementy

z Kitakija

(rozdźěl mjez wersijomaj)
Dźi do: Nawigacija, Pytać
S ('collapsed': přełožk)
S ('collapsed': přełožk)
Rjadka 83: Rjadka 83:
|style="width:50%; text-align:center;"|
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible collapsed"
{| class="wikitable collapsible collapsed"
-
|width=33%|Normala cxelo en la kaplinio
+
|width=33%|Normalna cela w hornjej lince
! colspan="2"| Cela za hornju linku wobpřima dwě špalće
! colspan="2"| Cela za hornju linku wobpřima dwě špalće
|-
|-

Wersija z 14:22, 1. měr 2009

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.

Wobsah

Tabela

Jednory přikład

Z tabelemi so hodźi jednorišo dźěłać, dokelž jenož dyrbiš přidać collapsible 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 wikitable w přikładźe deleka je jenož za konwenciju; njeje nuzne zo by collapsible fungowało.

Pisomny kod Rezultat
{| class="wikitable collapsible"
! Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}
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.

Pisomny kod Rezultat
{| class="wikitable collapsible"
 |Normalna cela w hornjej lince
 ! colspan="2"| Hornja cela wobpřima dwě špalće
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Dalša cela za tabelowe ćěleso
 |}
Normalna cela w hornjej lince Hornja cela wobpřima dwě špalće
Lorem ipsum dolor sit amet Dalša cela za tabelowe ćěleso

Kasxado de tabeloj defauxlte

Jxus uzante la collapsible 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 collapsed wuskutkuje zo tabela so přeco na spočatku schowa. To je najjednoriše wašnje zo by tak činiło. Wužiwanje delnich přikładow:

Pisomny kod Rezultat
{| class="wikitable collapsible collapsed"
! Jednora schowajomna tabela
|-
| Lorem ipsum dolor sit amet
|}
{| class="wikitable collapsible collapsed"
 |Normalna cela w hornjej lince
 ! colspan="2"| Cela za hornju linku wobpřima dwě špalće
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Dalša cela za tabelowe ćěleso
 |}

'autocollapse'

Aldono de autocollapse 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.

Tajpenda kodo Rezulto
{| class="wikitable collapsible autocollapse"
! Simpla kasxebla tabelo
|-
| Lorem ipsum dolor sit amet
|}
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.

Tajpenda kodo Rezulto
{| class="wikitable outercollapse"
! Cxi tiu tabelo ne kasxigxas
|-
| But the table inside this cell

{| class="wikitable collapsible innercollapse"
! Gxi kasxigxas
|-
| Kasxu cxi tiun parton
|}

|}
Cxi tiu tabelo ne kasxigxas
But the table inside this cell
Gxi kasxigxas
Kasxu cxi tiun parton

Pliaj notoj

Ordigeblaj tabeloj

Kasxeblaj tabeloj povas esti kombinataj kun funkcieco de 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:

Tajpenda kodo Rezulto
{| class="wikitable collapsible sortable"
!Nomo!!Poentoj
|-
|John||59
|-
|Jane||100
|-
|Bob||72
|}
Nomo Poentoj
John 59
Jane 100
Bob 72

Algxustigo

Registeritaj uzantoj povas redakti sian monobook.js dosieron por sxangxi kelkajn el uzataj variabloj.

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')

Blokoj

Por <div> (resp. </div>)- 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 div 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: NavFrame, NavHead, NavContent. La defauxlta arangxo de cxi tiu kodo komence "montras" la detalojn, same bone kiel liigilon por "kasxi" la detalojn.

Simpla ekzemplo

Vi devos krei tri div elementojn:

<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>


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:

<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 Nav* 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 .messagebox.standard-talk).

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

Předłoha:Navigilaro

Aliaj HTML elementoj

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

Vidu ankaux

Wosobinske nastroje
W druhich rěčach