Pomoc:Schować elementy
z Kitakija
S (→Jednory přikład: přełožk) |
S (→'collapsed': přełožk) |
||
Rjadka 55: | Rjadka 55: | ||
===='collapsed'==== | ===='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 | {| class=wikitable style="width:80%;" align=center | ||
- | ! | + | !Pisomny kod!!Rezultat |
|- | |- | ||
|width=50%|  | |width=50%|  | ||
<nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''" | <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''" | ||
- | '''!'''<nowiki> | + | '''!'''<nowiki> Jednora schowajomna tabela |
|- | |- | ||
| Lorem ipsum dolor sit amet | | Lorem ipsum dolor sit amet | ||
Rjadka 68: | Rjadka 68: | ||
|style="width:50%; text-align:center;"| | |style="width:50%; text-align:center;"| | ||
{| class="wikitable collapsible collapsed" | {| class="wikitable collapsible collapsed" | ||
- | ! | + | ! Jednora schowajomna tabela |
|- | |- | ||
| Lorem ipsum dolor sit amet | | Lorem ipsum dolor sit amet | ||
Rjadka 75: | Rjadka 75: | ||
|style="width:50%; font-size:90%"|  | |style="width:50%; font-size:90%"|  | ||
<nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>" | <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>" | ||
- | | | + | |Normalna cela w hornjej lince |
- | </nowiki>'''!'''<nowiki> colspan="2"| | + | </nowiki>'''!'''<nowiki> colspan="2"| Cela za hornju linku wobpřima dwě špalće |
|- | |- | ||
| colspan="2" | Lorem ipsum dolor sit amet | | colspan="2" | Lorem ipsum dolor sit amet | ||
- | | | + | | Dalša cela za tabelowe ćěleso |
|}</nowiki> | |}</nowiki> | ||
|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%|Normala cxelo en la kaplinio | ||
- | ! colspan="2"| | + | ! colspan="2"| Cela za hornju linku wobpřima dwě špalće |
|- | |- | ||
| colspan="2" | Lorem ipsum dolor sit amet | | colspan="2" | Lorem ipsum dolor sit amet | ||
- | |width=33%| | + | |width=33%| Dalša cela za tabelowe ćěleso |
|} | |} | ||
|} | |} |
Wersija z 14:21, 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 |} |
|
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 |} |
|
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 |} |
|
'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 |} |} |
|
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 |} |
|
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>
[... La enhavo, kiun vi volas kasxi, sekvas cxi tie ...]
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
Aliaj HTML elementoj
Por pliaj elementoj tia funkcieco ne estas uzebla, cxar ne ekzistas la koncernataj funkcioj en MediaWiki:Common.js.