Helpo:Kaŝeblaj elementoj

El Kitakujo

(Malsamoj inter versioj)
Iri al: navigado, serĉi
(helpa artikolo el la angla vikipedio, ankoraŭ pligrandigenda, ĉar ni havas pliajn funkciojn ĉi tie)
E (Collapsing tables by default: traduko)
Linio 52: Linio 52:
==Collapsing tables by default==
==Collapsing tables by default==
-
Just using the <tt>'''collapsible'''</tt> class produces a table which is expanded by default, but can be collapsed by the reader. It is also possible to create tables which are ''collapsed'' by default, and can be optionally ''expanded''. There are several methods for doing this, depending on the situations in which you want the table to collapse.  
+
Ĵus uzante la <tt>'''collapsible'''</tt> klason produktas tabelon kiu estas malkaŝata defaŭlte, sed povas esti kaŝata de la leganto. Estas ankaŭ eble krei tabeloj kiuj estas ''collapsed'' defaŭlte, kaj povas esti opcie ''malkaŝataj''. Ekzistas certaj metodoj por fari tion, depende de la situacioj en kiuj vi volas kaŝigi la tabelon.  
==='collapsed'===
==='collapsed'===
-
Adding the <tt>'''collapsed'''</tt> class will cause the table to ''always'' be initially collapsed, no matter what happens around it.  It is the simplest method for doing so. Using the examples above:
+
Aldono de <tt>'''collapsed'''</tt> klaso kaŭzas ke tabelo estas ''ĉiam'' komence kaŝita<!--, no matter what happens around it.--> Ĝi estas la plej simpla metodo por fari tiel. Uzado de ekzemploj malsupre:
{| class=wikitable style="width:80%;" align=center
{| class=wikitable style="width:80%;" align=center
-
!Code entered!!Output produced
+
!Tajpenda kodo!!Rezulto
|-
|-
|width=50%|&#32;
|width=50%|&#32;
  <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''"
  <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''"
-
  '''!'''<nowiki> Simple collapsible table
+
  '''!'''<nowiki> Simpla kaŝebla tabelo
|-
|-
| Lorem ipsum dolor sit amet
| Lorem ipsum dolor sit amet
Linio 69: Linio 69:
|style="width:50%; text-align:center;"|
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible collapsed"
{| class="wikitable collapsible collapsed"
-
! Simple collapsible table
+
! Simpla kaŝebla tabelo
|-
|-
| Lorem ipsum dolor sit amet
| Lorem ipsum dolor sit amet
Linio 76: Linio 76:
|style="width:50%; font-size:90%"|&#32;
|style="width:50%; font-size:90%"|&#32;
  <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>"
  <nowiki>{| class="wikitable </nowiki>'''collapsible collapsed'''<nowiki>"
-
  |A normal cell in the header row
+
  |Normala ĉelo en la kaplinio
-
  </nowiki>'''!'''<nowiki> colspan="2"| Header cell spans two cols
+
  </nowiki>'''!'''<nowiki> colspan="2"| Kaplinia ĉelo okupas du kolumnojn
  |-
  |-
  | colspan="2" | Lorem ipsum dolor sit amet
  | colspan="2" | Lorem ipsum dolor sit amet
-
  | Separate body cell
+
  | Kroma tabelkorpa ĉelo
  |}</nowiki>
  |}</nowiki>
|style="width:50%; text-align:center;"|
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible collapsed"
{| class="wikitable collapsible collapsed"
-
|width=33%|A normal cell in the header row
+
|width=33%|Normala ĉelo en la kaplinio
-
! colspan="2"| Header cell spans two cols
+
! colspan="2"| Kaplinia ĉelo okupas du kolumnojn
|-
|-
| colspan="2" | Lorem ipsum dolor sit amet
| colspan="2" | Lorem ipsum dolor sit amet
-
|width=33%| Separate body cell
+
|width=33%| Kroma tabelkorpa ĉelo
|}
|}
|}
|}
Linio 94: Linio 94:
==='autocollapse'===
==='autocollapse'===
-
Adding the <tt>'''autocollapse'''</tt> class causes the table to collapse when there are more than a threshold number of collapsible tables on the page. On en.wiki, this threshold is set at 2. The example below, therefore, collapses because there are numerous collapsible tables on the page.
+
Aldono de <tt>'''autocollapse'''</tt> klaso kaŭzas ke tabelo kaŝiĝas se ekzistas pli ol antaŭdifinita nombro de kaŝeblaj tabeloj sur la paĝo. En eo.wiki, ĉi tiu antaŭdifino estas metata sur 0. La ekzemplo malsupre tial kaŝiĝas ĉar ekzitas pliaj kaŝeblaj tabeloj sur la paĝo.
{| class=wikitable style="width:80%;" align=center
{| class=wikitable style="width:80%;" align=center
Linio 101: Linio 101:
|width=50%|&#32;
|width=50%|&#32;
  <nowiki>{| class="wikitable </nowiki>'''collapsible autocollapse'''"
  <nowiki>{| class="wikitable </nowiki>'''collapsible autocollapse'''"
-
  '''!'''<nowiki> Simple collapsible table
+
  '''!'''<nowiki> Simpla kaŝebla tabelo
|-
|-
| Lorem ipsum dolor sit amet
| Lorem ipsum dolor sit amet
Linio 107: Linio 107:
|style="width:50%; text-align:center;"|
|style="width:50%; text-align:center;"|
{| class="wikitable collapsible autocollapse"
{| class="wikitable collapsible autocollapse"
-
! Simple collapsible table
+
! Simpla kaŝebla tabelo
|-
|-
| Lorem ipsum dolor sit amet
| Lorem ipsum dolor sit amet

Kiel registrite je 16:50, 24. Nov 2008

Ŝablono:Redaktata

Kaŝeblaj elementoj provizas manieron kaŝi kaj malkaŝi tabelon aŭ blokon se kaŝi/montri butono estas klakata. La kodo por ĉi tiu funkcio troviĝas en MediaWiki:Common.js.

La komenca stato de iu kaŝebla enhavero povas esti difinata uzante "collapsible table" (por tabeloj), ĉar tio ankaŭ permesas tabelon kun nur unu elemento kun enhavo, kaj kaplinio.

Tia distingo ĉe blokoj nur eblas per la CSS-klasado. Do, se estas metata la klaso "NavFrame" kune kun "NavHead" kaj "NavContent" ĉi tiu kaŝebleco estas uzebla.

Enhavo

Simpla ekzemplo

Kun tabeloj estas pli facile labori, ĉar vi nur devus aldoni collapsible klason al la koncernata tabelo. Por aperigi la [kaŝi]/[montri] ligilon, la unu linio de la tabelo devas esti kaplinio, tio estas, unu el la ĉeloj en la unua linio devas estas difinata kun vokosigno (en vikia sintakso). La uzo de la klaso wikitable en la ekzemplo malsupre estas nur por konveneco; ĝi ne estas deviga por ke collapsible funkciu.

Tajpenda kodo Rezulto
{| class="wikitable collapsible"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}
Simpla kaŝebla tabelo
Lorem ipsum dolor sit amet

Uzante la sintakson supre, kaŝeblaj tabeloj ofte estas uzata por ĉiam montri enkondukon al, aŭ resumon de, longega diskuto aŭ sekcio de enhavo, dum kaŝado de plej multo de tiu enhavo de rekta rigardo. La resuma mesaĝo estas metata en la kaplinian ĉelon, kaj la enhavo estas metata en la tabelkorpan ĉelon. La enhavo estas tiam facile akcesebla per klakado de 'montri' butono. La kaŝebleca funkcieco estas ankaŭ disponebla en pli larĝaj kaj pli komplikaj tabeloj, tiel longe ke tie estas kaplinia ĉelo en la unua linio de la tabelo.

Tajpenda kodo Rezulto
{| class="wikitable collapsible"
 |Normala ĉelo en la kaplinio
 ! colspan="2"| Kapa ĉelo okupas du kolumnojn
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Kroma tabelkorpa ĉelo
 |}
Normala ĉelo en la kaplinio Kapa ĉelo okupas du kolumnojn
Lorem ipsum dolor sit amet Kroma tabelkorpa ĉelo

Collapsing tables by default

Ĵus uzante la collapsible klason produktas tabelon kiu estas malkaŝata defaŭlte, sed povas esti kaŝata de la leganto. Estas ankaŭ eble krei tabeloj kiuj estas collapsed defaŭlte, kaj povas esti opcie malkaŝataj. Ekzistas certaj metodoj por fari tion, depende de la situacioj en kiuj vi volas kaŝigi la tabelon.

'collapsed'

Aldono de collapsed klaso kaŭzas ke tabelo estas ĉiam komence kaŝita Ĝi estas la plej simpla metodo por fari tiel. Uzado de ekzemploj malsupre:

Tajpenda kodo Rezulto
{| class="wikitable collapsible collapsed"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}
{| class="wikitable collapsible collapsed"
 |Normala ĉelo en la kaplinio
 ! colspan="2"| Kaplinia ĉelo okupas du kolumnojn
 |-
 | colspan="2" | Lorem ipsum dolor sit amet
 | Kroma tabelkorpa ĉelo
 |}

'autocollapse'

Aldono de autocollapse klaso kaŭzas ke tabelo kaŝiĝas se ekzistas pli ol antaŭdifinita nombro de kaŝeblaj tabeloj sur la paĝo. En eo.wiki, ĉi tiu antaŭdifino estas metata sur 0. La ekzemplo malsupre tial kaŝiĝas ĉar ekzitas pliaj kaŝeblaj tabeloj sur la paĝo.

Code entered Output produced
{| class="wikitable collapsible autocollapse"
! Simpla kaŝebla tabelo
|-
| Lorem ipsum dolor sit amet
|}
Simpla kaŝebla tabelo
Lorem ipsum dolor sit amet

'innercollapse' and 'outercollapse'

Using this pair of classes, it is possible to make a table collapsed by default only when it is contained within a particular object, such as another table.

Code entered Output produced
{| class="wikitable outercollapse"
! This table does not collapse
|-
| But the table inside this cell

{| class="wikitable collapsible innercollapse"
! Does collapse
|-
| Hiding this part
|}

|}
This table does not collapse
But the table inside this cell
Does collapse
Hiding this part

Other notes

Sortable tables

Collapsible tables can be combined with the sortable tables functionality without difficulty. However, because the hide/show button is placed in the first header cell located, its positioning can look a bit peculiar if the table is not wide enough:

Code entered Output produced
{| class="wikitable collapsible sortable"
!Name!!Score
|-
|John||59
|-
|Jane||100
|-
|Bob||72
|}
Name Score
John 59
Jane 100
Bob 72

Customization

Registered users can edit their monobook.js file to change some of the variables used.

autoCollapse = 4 //how many collapsible tables on the page before autocollapse works (default=2)
var collapseCaption = 'collapse' //text of the [hide] link (default='hide')
var expandCaption = 'uncollapse' //text of the [show] link (default='show')

Other HTML elements

The code that performs the manipulation only checks for table elements, so these classes will not work for other elements, such as <div> or <span>. There is a similar feature for use with <div> elements, called "NavFrame". See Wikipedia:NavFrame

Vidu ankaŭ

en:Help:Collapsing

Personaj iloj