Helpo:Kaŝeblaj elementoj

Helpo
Iom pli komplekse
Rilataj temoj
vdr

Kaŝeblaj elementoj disponigas 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 eblas nur per la CSS-klasado. Do, se estas metata la klaso "NavFrame" kune kun "NavHead" kaj "NavContent" ĉi tiu kaŝebleco estas uzebla.

Tabelo redakti

Simpla ekzemplo redakti

Kun tabeloj estas pli facile labori, ĉar vi devus nur 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

Se oni uzas la sintakson supre, kaŝeblaj tabeloj ofte estas uzataj 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 alirebla per klako de 'montri'-butono. La kaŝebleca funkcieco estas disponebla ankaŭ en pli larĝaj kaj pli komplikaj tabeloj, tiom longe kiom ĝi 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

Kaŝado de tabeloj defaŭlte redakti

Ĵ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 tabelojn 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ŝi la tabelon.

'collapsed' redakti

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

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.

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

'innercollapse' kaj 'outercollapse' redakti

Uzante ĉi tiun paron de klasoj, estas eble igi tabelon kaŝiĝi defaŭlte nur se ĝi estas enkludata ene de ĉirkaŭa objekto, kiel ekz. alia tabelo.

Tajpenda kodo Rezulto
{| class="wikitable outercollapse"
! Ĉi tiu tabelo ne kaŝiĝas
|-
| Sed la tabelo en ĉi tiu ĉelo

{| class="wikitable collapsible innercollapse"
! Ĝi kaŝiĝas
|-
| Kaŝu ĉi tiun parton
|}

|}
Ĉi tiu tabelo ne kaŝiĝas
Sed la tabelo en ĉi tiu ĉelo
Ĝi kaŝiĝas
Kaŝu ĉi tiun parton

Pliaj notoj redakti

Ordigeblaj tabeloj redakti

Kaŝeblaj tabeloj povas esti kombinataj kun funkcieco de ordigeblaj tabeloj sen malfacilaĵo. Tamen, ĉar la kaŝi/montri butono estas metata en la unuan kaplinian ĉelon, ĝia pozicio povas aspekti iom strange se la tabelo ne estas sufiĉe larĝa:

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

Alĝustigo redakti

Registeritaj uzantoj povas redakti sian vector.js (resp. sian monobook.js) dosieron por ŝanĝi kelkajn el uzataj variabloj.

autoCollapse = 4 //kiom da kaŝeblaj tabeloj sur la paĝo antaŭ ol memkaŝado ekas (defaŭlte=2)
var collapseCaption = 'faldi' //teksto de la [kaŝi] ligilo (defaŭlte='kaŝi')
var expandCaption = 'malfaldi' //teksto de la [montri] ligilo (defaŭlte='montri')

Blokoj redakti

Por <div> (resp. </div>)- grupigo kun certaj klasoj ekzistas simila kodigo en MediaWiki:Common.js sekve priskribenda.

Kiel uzi redakti

NavFrame divs redakti

La baza koncepto ĉi tie estas uzi la div elementon ene de Vikia artikola marka kodo por identigi certan enhavon (kiujn ni nomas "detaloj" ĉi tie), pri kiu ni volas, ke la uzanto havas eblecon por "montri" aŭ "kaŝi" ĝin. La uzata markkodo por realigi ĉi tiun efikon entenas tri ĉefajn klasojn: NavFrame, NavHead, NavContent. La defaŭlta aranĝo de ĉi tiu kodo komence "montras" la detalojn, same bone kiel ligilon por "kaŝi" la detalojn.

Simpla ekzemplo redakti

Vi devos krei tri div elementojn:

<div class="NavFrame">
  <div class="NavHead">[... Tio estas la titolo de via kaŝebbla enhavo ...]</div>
  <div class="NavContent">
    [... La enhavo, kiun vi volas kaŝi, sekvas ĉi tie ...]
  </div>
</div>


Ekzemplo kun miksaj klasoj redakti

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; ĝi ne devas esti nura teksto, vi povas esti kreativa ĉi tie ...]</div>
  <div class="NavContent anotherclass">
    [... La enhavo, kiun vi volas kaŝi, sekvu ĉi tie ...]
  </div>
</div>

Limigoj redakti

Aktuale la tri Nav* klasoj aplikas stilojn per si mem. Se miksiĝas klasoj, tio kaŭzas ke kelkaj el la Nav stiloj superskribas aliajn stilojn (en la supra ekzemplo, NavFrame superskribas la stilojn de .messagebox.standard-talk).

Ĉi tiu limigoj ne koncernas kaŝeblajn tabelojn.

Akcesebleco redakti

Ĉiuj foliumiloj de Internet Explorer 5.5 kaj pli novaj (IE5.5/6/7, Firefox, Safari / KHTML, Opera 8/9, ktp.), kiuj subtenas JavaScripton, konvene kaŝos la elementojn.

Internet Explorer 5 kaj foliumiloj, kiuj ne subtenas JavaScripton aŭ ĉe kiuj ĝi estis malŝaltita, surekranigos la elementojn sen la [kaŝi/montri] ligiloj kaj ne kaŝos ilin.

Bazaj ŝablonoj redakti

Navigilaj ŝablonoj
vidi  diskuti  redakti
kaŝebla Kaplinia koloro Bildo(j) Grupoj Stilo (enhavo)
parametro/j
Ekzemploj
<div>
{{Navigilo}} NavFrame NavHead Maldekstre de la enhavo (1) Ne Ne {{Membroŝtatoj de la Eŭropa Unio}},
{{Federaciaj landoj de Germanio}}
{{Kaŝskatolo}} NavFrame NavHead1 (Mal)dekstre de la enhavo (2) Ne Jes {{Eŭropaj Esperanto-asocioj}},
{{NATO}}
{{Kaŝskatolo2}} NavFrame NavHead Ne Ne Jes {{Peto por robota statuso}}
{{Navigacipanelo}} NavFrame NavHead Maldekstre de la enhavo (1) Ne Ne {{Antikva Kriptografio}}
<table>
{{Navigilo2}}#
(por la tabellinioj: {{Navigilo2/+}})
collapsible navbox2 (Mal)dekstre de la enhavo (2) Jes Jes {{Ĉefaj renkontiĝoj}},
{{Estroj de Sovetunio}},
{{Kaŝpafistoj de la dua mondmilito}}
{{Navigilo kun kolumnoj}} collapsible navbox (Mal)dekstre de la enhavo (2) Jes Jes {{Afrikaj ĉefurboj}},
{{Nordamerikaj ĉefurboj}}
{{Navigilo subgrupo}}3 Ne N/A (Mal)dekstre de la enhavo (2) Jes Jes {{Unua mondmilito}}
{{Navigilo kun kaŝeblaj grupoj}} collapsible navbox (Mal)dekstre de la enhavo (2) Jes Jes {{Birdoj}}
1 Ĝi ŝanĝeblas per rekta difino laŭ CSS-formatoj en la parametro FonKoloroT (ekz. #cfc por hela verdo)

2 Ĝi ŝanĝeblas per CSS-formatoj en la parametro stilo de ĉefa titolo.

3 Ĝi nur uzeblas ene de {{Navigilo2}}

# Ĝi estas interne uzata de la du sekvaj.

Atributoj por kaŝebleco
Speco CSS klasoj Javaskripto Ĝi kaŝiĝas, se Propra
komenca stato
Ingigo
Kaŝeblaj tabeloj collapsible Difinita en Common.js pli ol 1 memkaŝanta estas sur la paĝo. Jes Jes
Kaŝeblaj blokoj NavFrame

Aliaj HTML elementoj redakti

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

Vidu ankaŭ redakti