Pomoc:Schować elementy
z Kitakija
S (→'autocollapse': přełožk) |
S (11 wersijow: Pomocna strona) |
||
(Přirunanje wersijow zapřija 6 mjez nimaj ležacych wersijow.) | |||
Rjadka 1: | Rjadka 1: | ||
- | ''' | + | Funkcionalnosć '''schowajomnych elementow''' 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. | 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. | + | 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== | ==Tabela== | ||
Rjadka 113: | Rjadka 113: | ||
===='innercollapse' kaj 'outercollapse'==== | ===='innercollapse' kaj 'outercollapse'==== | ||
- | + | Wužiwajo tutón por klasow, je móžne so hodźi tabela schować normalnje jenož jeli wona so ''wobda znutřka'' wobdawaceho objekta, kaž na př. druha tabela. | |
{| 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>'''outercollapse'''<nowiki>" | <nowiki>{| class="wikitable </nowiki>'''outercollapse'''<nowiki>" | ||
- | ! | + | ! Tuta tabela so njeschowa |
|- | |- | ||
- | | | + | | Ale tabela znutřka tuteje cele |
{| class="wikitable </nowiki>'''collapsible innercollapse'''<nowiki>" | {| class="wikitable </nowiki>'''collapsible innercollapse'''<nowiki>" | ||
- | ! | + | ! Ale so to schowa |
|- | |- | ||
- | | | + | | Schowaj tutón dźěl |
|} | |} | ||
Rjadka 133: | Rjadka 133: | ||
|style="width:50%; text-align:center;"| | |style="width:50%; text-align:center;"| | ||
{| class="wikitable outercollapse" | {| class="wikitable outercollapse" | ||
- | ! | + | ! Tuta tabela so njeschowa |
|- | |- | ||
- | | | + | | Ale tabela znutřka tuteje cele |
{| class="wikitable collapsible innercollapse" | {| class="wikitable collapsible innercollapse" | ||
- | ! | + | ! Ale so to schowa |
|- | |- | ||
- | | | + | | Schowaj tutón dźěl |
|} | |} | ||
|} | |} | ||
Rjadka 145: | Rjadka 145: | ||
|} | |} | ||
- | === | + | ===Dalše noty=== |
- | ==== | + | ====Sortěrujomne tabele==== |
- | + | Schowajomne tabele so móžeja kombinować z funkcionalnosću [[Pomoc:Sortěrowanje|sortěrujomnych tabelow]] bjez problemow. Tola, dokelž wotkaz z tekstom schować/pokazać so zapisa do prěnjeje hornjolinkoweje cele, jeho pozicija móže wupadać tróšku dźiwnje, jeli tabela njeje dosć šěroka: | |
{| 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 sortable'''<nowiki>" | <nowiki>{| class="wikitable </nowiki>'''collapsible sortable'''<nowiki>" | ||
- | ! | + | !Mjeno!!Dypki |
|- | |- | ||
|John||59 | |John||59 | ||
Rjadka 166: | Rjadka 166: | ||
|style="width:50%; text-align:center;"| | |style="width:50%; text-align:center;"| | ||
{|class="wikitable sortable collapsible" | {|class="wikitable sortable collapsible" | ||
- | ! | + | !Mjeno!!Dypki |
|- | |- | ||
|John||59 | |John||59 | ||
Rjadka 176: | Rjadka 176: | ||
|} | |} | ||
- | ==== | + | ====Přiměrjenja==== |
- | + | Přizjewjeni wužiwarjo móžeja wobdźěłać stronu [[Special:MyPage/monobook.js|swojeje monobook.js]]- dataje zo by někotre z wužiwanych wariablow změnili. | |
<source lang=javascript> | <source lang=javascript> | ||
- | autoCollapse = 4 // | + | autoCollapse = 4 //kelko schowajomnych tabelow na stronje móžeja stać prjedy hač so awtomatisce schowaja (normalnje=2) |
- | var collapseCaption = ' | + | var collapseCaption = 'fałdować' //tekst za wotkaz [schować] (normalnje='schować') |
- | var expandCaption = ' | + | var expandCaption = 'wotfałdować' //tekst za wotkaz [pokazać] (normalnje='pokazać') |
</source> | </source> | ||
- | == | + | ==Wobłuki== |
- | + | Za wobłuki z <div> (resp. </div>)- elementow z wěstymi klasami eksistuje podobne kodowanje w [[MediaWiki:Common.js]], kotrež so na slědowacych wotrězkach wopisuje. | |
- | === | + | ===Kak wužiwać=== |
====NavFrame divs==== | ====NavFrame divs==== | ||
- | + | Zakładny koncept tu je wužiwać [[Span and div|'''div''']] [[HTML element|element]] znutřka wikijowym nastawkowym markěrowanym kodźe zo by identifikowali wěsty wobsah (kotrež mjenuja "detaile" tu), při kotrymž chcemy, zo by wužiwar měł móžnosć jón "pokazać" abo "schować". Wužiwany markěrowany kod zo by realizował tutón efekt wobsahuje tři hłowne klasy: <tt>'''NavFrame''', '''NavHead''', '''NavContent'''</tt>. Normalny porjad tutoho koda na spočatku "pokaza" detaile, samsnje derje kaž wotkaz zo by detaile "schował". <!--To reverse the default behavior, so that the details are initially hidden, the NavContent element can be declared with <tt>style="display:none;"</tt>.--> | |
- | ===== | + | =====Jednory přikład===== |
- | + | Dyrbiš wutworić tři <code>div</code> elementy: | |
<source lang="html4strict"><div class="NavFrame"> | <source lang="html4strict"><div class="NavFrame"> | ||
- | <div class="NavHead">[... | + | <div class="NavHead">[... To je titul twojeho schowajomneho wobsaha ...]</div> |
<div class="NavContent"> | <div class="NavContent"> | ||
- | [... | + | [... Wobsah, kotryž chceš schować, sćěhuje tu ...] |
</div> | </div> | ||
</div></source> | </div></source> | ||
<div class="NavFrame"> | <div class="NavFrame"> | ||
- | <div class="NavHead">[... | + | <div class="NavHead">[... To je titul twojeho schowajomneho wobsaha ...]</div> |
<div class="NavContent"> | <div class="NavContent"> | ||
- | [... | + | [... Wobsah, kotryž chceš schować, sćěhuje tu ...] |
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- | ||
- | + | Zo by na spočatku schował wobsah, čiń to: | |
<source lang="html4strict"><div class="NavFrame collapsed"> | <source lang="html4strict"><div class="NavFrame collapsed"> | ||
- | <div class="NavHead">[... | + | <div class="NavHead">[... To je titul schowajomneho wobsaha ...]</div> |
<div class="NavContent"> | <div class="NavContent"> | ||
- | [... | + | [... Tutón wobsah je na spočatku schowany ...] |
</div> | </div> | ||
</div></source> | </div></source> | ||
<div class="NavFrame collapsed"> | <div class="NavFrame collapsed"> | ||
- | <div class="NavHead">[... | + | <div class="NavHead">[... To je titul schowajomneho wobsaha ...]</div> |
<div class="NavContent"> | <div class="NavContent"> | ||
- | [... | + | [... Tutón wobsah je na spočatku schowany ...] |
</div> | </div> | ||
</div> | </div> | ||
Rjadka 226: | Rjadka 226: | ||
(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]].)--> | (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]].)--> | ||
- | ===== | + | =====Přikład z měšanymi klasami===== |
- | + | Nimo toho móžeš wužiwać druhe klasy pódla mjenowanych, činjo bóle stilowy desajn radšo tutoho, jako by normalne klasy wužiwał: | |
<source lang="html4strict"><div class="messagebox standard-talk NavFrame"> | <source lang="html4strict"><div class="messagebox standard-talk NavFrame"> | ||
<div class="somerandomclass NavHead"> | <div class="somerandomclass NavHead"> | ||
- | [... | + | [... To je titul; njedyrbi być jenož tekst, móžeš być kreatiwny tu ...]</div> |
<div class="NavContent anotherclass"> | <div class="NavContent anotherclass"> | ||
- | [... | + | [... Wobsah, kotryž chceš schować, by tu sćěhowane měł ...] |
</div> | </div> | ||
</div></source> | </div></source> | ||
<div class="messagebox standard-talk NavFrame"> | <div class="messagebox standard-talk NavFrame"> | ||
<div class="somerandomclass NavHead"> | <div class="somerandomclass NavHead"> | ||
- | [... | + | [... To je titul; njedyrbi być jenož tekst, móžeš być kreatiwny tu ...]</div> |
<div class="NavContent anotherclass"> | <div class="NavContent anotherclass"> | ||
- | [... | + | [... Wobsah, kotryž chceš schować, by tu sćěhowace měł ...] |
</div> | </div> | ||
</div> | </div> | ||
- | === | + | === Wobmjezowanja === |
- | + | Aktualnje tři <code>Nav*</code> klasy nałoža stile přez so sam. Jeli so klasy měšeja, to wuskutkuje zo někotre z Nav stile přepisaja druhe stile (w hornim přikładźe, NavFrame připisa stile <code>.messagebox.standard-talk</code>). | |
- | + | Tute wobmjezowanja njenastupa schowajomne tabele. | |
=== Akcesebleco === | === Akcesebleco === | ||
- | + | Wšě wobhladowaki wot Internet Explorer 5.5 a nowše (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, atd.), kotrež podpěraja JavaScript, přihódnje budźe elementy schować. | |
- | Internet Explorer 5 | + | Internet Explorer 5 a wobhladowaki, kotrež njepodpěraja JavaScript abo při kotrychž wono bu wotšaltowane, zwobrazuja elementy bjez wotkazow [schować/pokazać] a je njeschowaja. |
- | === | + | ===Zakładne předłohi=== |
- | {{ | + | {{Nawigacije}} |
- | == | + | ==Druhe HTML elementy== |
- | + | Za dalše elementy tajka funkcionalnosć njeje wužitna, dokelž njeeksistuja wotpowědne funkcije na stronje [[MediaWiki:Common.js]]. | |
- | == | + | ==Hlej tež== |
*[[:m:Help:Collapsing]] | *[[:m:Help:Collapsing]] | ||
*[[:en:Help:Collapsing]] | *[[:en:Help:Collapsing]] |
Aktualna wersija wot 14:40, 24. awg 2010
Funkcionalnosć schowajomnych elementow 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'
Přidaće klasy autocollapse wuskutkuje, zo tabela so schowa, jeli eksistuje wjace hač předdefinowana ličba schowajomnych tabelow na stronje. W hsb.wiki, tuta předdefinacija je na hódnoće 0. Delni přikład tohodla so schowa dokelž eksistuja dalše schowajomne tabele na stronje.
Pisomny kod | Rezultat | ||
---|---|---|---|
{| class="wikitable collapsible autocollapse" ! Jednora schowajomna tabela |- | Lorem ipsum dolor sit amet |} |
|
'innercollapse' kaj 'outercollapse'
Wužiwajo tutón por klasow, je móžne so hodźi tabela schować normalnje jenož jeli wona so wobda znutřka wobdawaceho objekta, kaž na př. druha tabela.
Pisomny kod | Rezultat | ||||
---|---|---|---|---|---|
{| class="wikitable outercollapse" ! Tuta tabela so njeschowa |- | Ale tabela znutřka tuteje cele {| class="wikitable collapsible innercollapse" ! Ale so to schowa |- | Schowaj tutón dźěl |} |} |
|
Dalše noty
Sortěrujomne tabele
Schowajomne tabele so móžeja kombinować z funkcionalnosću sortěrujomnych tabelow bjez problemow. Tola, dokelž wotkaz z tekstom schować/pokazać so zapisa do prěnjeje hornjolinkoweje cele, jeho pozicija móže wupadać tróšku dźiwnje, jeli tabela njeje dosć šěroka:
Pisomny kod | Rezultat | ||||||||
---|---|---|---|---|---|---|---|---|---|
{| class="wikitable collapsible sortable" !Mjeno!!Dypki |- |John||59 |- |Jane||100 |- |Bob||72 |} |
|
Přiměrjenja
Přizjewjeni wužiwarjo móžeja wobdźěłać stronu swojeje monobook.js- dataje zo by někotre z wužiwanych wariablow změnili.
autoCollapse = 4 //kelko schowajomnych tabelow na stronje móžeja stać prjedy hač so awtomatisce schowaja (normalnje=2) var collapseCaption = 'fałdować' //tekst za wotkaz [schować] (normalnje='schować') var expandCaption = 'wotfałdować' //tekst za wotkaz [pokazać] (normalnje='pokazać')
Wobłuki
Za wobłuki z <div> (resp. </div>)- elementow z wěstymi klasami eksistuje podobne kodowanje w MediaWiki:Common.js, kotrež so na slědowacych wotrězkach wopisuje.
Kak wužiwać
NavFrame divs
Zakładny koncept tu je wužiwać div element znutřka wikijowym nastawkowym markěrowanym kodźe zo by identifikowali wěsty wobsah (kotrež mjenuja "detaile" tu), při kotrymž chcemy, zo by wužiwar měł móžnosć jón "pokazać" abo "schować". Wužiwany markěrowany kod zo by realizował tutón efekt wobsahuje tři hłowne klasy: NavFrame, NavHead, NavContent. Normalny porjad tutoho koda na spočatku "pokaza" detaile, samsnje derje kaž wotkaz zo by detaile "schował".
Jednory přikład
Dyrbiš wutworić tři div
elementy:
<div class="NavFrame"> <div class="NavHead">[... To je titul twojeho schowajomneho wobsaha ...]</div> <div class="NavContent"> [... Wobsah, kotryž chceš schować, sćěhuje tu ...] </div> </div>
[... Wobsah, kotryž chceš schować, sćěhuje tu ...]
Přikład z měšanymi klasami
Nimo toho móžeš wužiwać druhe klasy pódla mjenowanych, činjo bóle stilowy desajn radšo tutoho, jako by normalne klasy wužiwał:
<div class="messagebox standard-talk NavFrame"> <div class="somerandomclass NavHead"> [... To je titul; njedyrbi być jenož tekst, móžeš być kreatiwny tu ...]</div> <div class="NavContent anotherclass"> [... Wobsah, kotryž chceš schować, by tu sćěhowane měł ...] </div> </div>
Wobmjezowanja
Aktualnje tři Nav*
klasy nałoža stile přez so sam. Jeli so klasy měšeja, to wuskutkuje zo někotre z Nav stile přepisaja druhe stile (w hornim přikładźe, NavFrame připisa stile .messagebox.standard-talk
).
Tute wobmjezowanja njenastupa schowajomne tabele.
Akcesebleco
Wšě wobhladowaki wot Internet Explorer 5.5 a nowše (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, atd.), kotrež podpěraja JavaScript, přihódnje budźe elementy schować.
Internet Explorer 5 a wobhladowaki, kotrež njepodpěraja JavaScript abo při kotrychž wono bu wotšaltowane, zwobrazuja elementy bjez wotkazow [schować/pokazać] a je njeschowaja.
Zakładne předłohi
schowajomny | Barba hornjeje linki |
Wobraz(y) | Skupiny | Stilowe parametry za hłowu |
Stilowe parametry za ćěselo |
Přikłady | |
---|---|---|---|---|---|---|---|
{{Nawigacija}} | NavFrame | NavHead | Nalěwo a naprawo (2) | Ně | Ně | Ně | jenož na stronje předłohi |
{{Nawigaciska lajsta}} | NavFrame | NavHead2 | Nalěwo a naprawo (2) | Ně | Haj | Haj | {{Europa}}, {{Słowjanske rěče}} |
Skupina předłohi {{Nawitabela}} | |||||||
{{Nawitabela}} | collapsible | navbox1 | Nalěwo (1) | Haj | Haj | Haj | {{Browsery}}, {{Nawigaciska lajsta Unixowe komanda}} |
{{Nawitabela ze špaltami}} | collapsible | navbox | Nalěwo (1) | Haj | Haj | Haj | |
{{Nawitabela z podskupinami}}3 | Ně | N/A | Nalěwo (1) | Haj | Haj | Haj | {{Romaniske rěče}} |
Skupina předłohi {{Nawitabela2}} | |||||||
{{Nawitabela2}} | collapsible | navbox1 | Nalěwo a naprawo (2) | Haj | Haj | Haj | |
{{Nawitabela2 ze špaltami}} | collapsible | navbox | Nalěwo a naprawo (2) | Haj | Haj | Haj | |
{{Nawitabela2 z podskupinami}}4 | Ně | N/A | Nalěwo a naprawo (2) | Haj | Haj | Haj | |
1 To so hodźi změnić přez CSS-formatach w parametrje stil_hłowneho_titula.
2 To so hodźi přez direktnu definaciju po CSS-formatach w parametrje 3 Jenož so móže znutřka předłohi {{Nawitabela}} wužiwać 4 Jenož so móže znutřka předłohi {{Nawitabela2}} wužiwać |
Typ | CSS klasy | Javaskript | Wona so schowa, jeli | Custom initial state |
Nesting |
---|---|---|---|---|---|
Schowajomne tabele | collapsible | Definowana w Common.js | wjace hač 1 so schowaca je na stronje. | Haj | Haj |
Schowajomne wobłuki | NavFrame |
Druhe HTML elementy
Za dalše elementy tajka funkcionalnosć njeje wužitna, dokelž njeeksistuja wotpowědne funkcije na stronje MediaWiki:Common.js.