Mal:Chart/doc: Forskjell mellom sideversjoner

Fra Slektshistoriewiki
Hopp til navigering Hopp til søk
(Opprydding..)
 
(21 mellomliggende versjoner av 2 brukere er ikke vist)
Linje 1: Linje 1:
</noinclude>
<includeonly>{{esoteric}}</includeonly>
<includeonly>{{esoteric}}</includeonly>
<noinclude>{{documentation subpage}}</noinclude>
<noinclude>{{documentation subpage}}{{TOC right}}</noinclude>
<!--VENLIGST LEGG TIL METADATA I <includeonly> SEKSJONEN PÅ BUNN AV SIDEN
Denne malen lager en rad i et slektstre, som består av bokser forbundet med linjer basert løselig på [https://no.wikipedia.org/wiki/ASCII-kunst| ASCII kunst]-syntaksen. Malen er ment å brukes sammen med {{tl|chart/start}} og {{tl|chart/end}} og vises som [https://no.wikipedia.org/wiki/HTML| HTML], ved hjelp av [https://no.wikipedia.org/wiki/Cascading_style_sheets| CSS] som definerer utseendet. I boksene kan det også kobles opp mot andre artikler. Denne malen er basert på den eldre [https://en.wikipedia.org/wiki/Template:Family_tree| Familytree malen] og er kompatibel med den nåværende [https://en.wikipedia.org/wiki/Template:Chart| Chart malen], som brukes i wikipedia.


    REDIGER MALDOKUMENTASJONEN UNDER DENNE LINJE-->
==Eksempel 1==
Hvis du kopierer følgende ...


==Bruk==
<pre>
Denne malen lager en rad i et slektstre, som består av bokser forbundet med linjer basert løselig på [https://no.wikipedia.org/wiki/ASCII-kunst| ASCII kunst]-syntaksen. Malen er ment å brukes sammen med {{tl|chart/start}} og {{tl|chart/end}} og vises som [https://no.wikipedia.org/wiki/HTML| HTML], ved hjelp av [https://no.wikipedia.org/wiki/Cascading_style_sheets| CSS] som definerer utseendet. I boksene kan det også kobles opp mot andre artikler. Denne malen er basert på den eldre [https://en.wikipedia.org/wiki/Template:Family_tree| Familytree malen] og er kompatibel med den nåværende [https://en.wikipedia.org/wiki/Template:Chart| Chart malen].
 
==Grunnleggende eksempel==
Denne koden:
<pre><nowiki>
{{chart/start|sammendrag=Slektstre eksempel}}
{{chart/start|sammendrag=Slektstre eksempel}}
{{chart| | | |FM |~|y|~| FF | |FM=Farmor|FF=Farfar}}
{{chart| | | |FM |~|y|~| FF | |FM=Farmor|FF=Farfar}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOR |y| FAR | |ASTRID|MOR=Mor|FAR=Far|ASTRID=[[Tante Astrid]]}}
{{chart| | | MOR |v| FAR | |ASTRID|MOR=Mor|FAR=Far|ASTRID=[[Tante Astrid]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| |,|-|-|-|+|~|~|~|7| | | }}
{{chart| OLA | | MEG  | | SØS | | |OLA=Min bror Ola|MEG='''Meg!'''|SØS=Min lillesøster}}
{{chart| OLA | | MEG  | | SØS | | |OLA=Min bror Ola|MEG='''Meg!'''|SØS=Min lillesøster}}
{{chart/end}}
{{chart/end}}
</nowiki></pre>
</pre>


gir dette resultatet:
... så får du følgende resultat:


{{chart/start|sammendrag=Slektstre eksempel}}
{{chart/start|sammendrag=Slektstre eksempel}}
{{chart| | | |FM |~|y|~| FF | |FM=Farmor|FF=Farfar}}
{{chart| | | |FM |~|y|~| FF | |FM=Farmor|FF=Farfar}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOR |y| FAR | |ASTRID|MOR=Mor|FAR=Far|ASTRID=[[Tante Astrid]]}}
{{chart| | | MOR |v| FAR | |ASTRID|MOR=Mor|FAR=Far|ASTRID=[[Tante Astrid]]}}
{{chart| |,|-|-|-|+|-|-|-|.| | | }}
{{chart| |,|-|-|-|+|~|~|~|7| | | }}
{{chart| OLA | | MEG  | | SØS | | |OLA=Min bror Ola|MEG='''Meg!'''|SØS=Min lillesøster}}
{{chart| OLA | | MEG  | | SØS | | |OLA=Min bror Ola|MEG='''Meg!'''|SØS=Min lillesøster}}
{{chart/end}}
{{chart/end}}


Dette diagrammet visualiserer at jeg har en bror som heter Ola og en lillesøster, min mor er gift med min far  
Dette diagrammet visualiserer at jeg har en bror som heter Ola og en mulig lillesøster, min mor er gift med min far  
og min fars foreldre kalles farmor og farfar, min fars foreldre har også et barn til som kalles Tante Astrid.
og min fars foreldre som er skilt kalles farmor og farfar, min fars foreldre har også et barn til som kalles Tante Astrid.
Sammendragsteksten {{para|sammendrag=|<var>tekst</var>}} bør brukes til å beskrive hva diagrammet inneholder.  
Sammendragsteksten {{para|sammendrag=|<var>tekst</var>}} bør brukes til å beskrive hva diagrammet inneholder.
 
==Eksempel 2==
Ved å kopiere denne:
<pre>
{{chart/start|sammendrag=Slektstre eksempel}}
{{chart | PV1 | | | | | | | | |PV1='''Stamfar'''}}
{{chart | |)|-|-|-|v|-|-|-|.| | }}
{{chart | SV1 | | HV1 | | JV1 |SV1='''Sønn'''|HV1='''Datter'''|JV1=Sønn}}
{{chart | | | | | |)|-|-|-|.| | }}
{{chart | | | | | MV1 | | CV1 |MV1='''Datterdatter'''|CV1=Dattersønn}}
{{chart | | | | | | | | | |!| | }}
{{chart | | | | | | | | | WV1 |WV1='''Dattersønns sønn'''}}
{{chart/end}}
</pre>
 
... så får du følgende resultat:
 
{{chart/start|sammendrag=Slektstre eksempel}}
{{chart | PV1 | | | | | | | | |PV1='''Stamfar'''}}
{{chart | |)|-|-|-|v|-|-|-|.| | }}
{{chart | SV1 | | HV1 | | JV1 |SV1='''Sønn'''|HV1='''Datter'''|JV1=Sønn}}
{{chart | | | | | |)|-|-|-|.| | }}
{{chart | | | | | MV1 | | CV1 |MV1='''Datterdatter'''|CV1=Dattersønn}}
{{chart | | | | | | | | | |!| | }}
{{chart | | | | | | | | | WV1 |WV1='''Dattersønns sønn'''}}
{{chart/end}}
 
Dette diagrammet kalles en stamtavle og viser etterkommere etter en av dine forfedre.
 
==Anetavle (Eksempel 3)==
 
Ved å kopiere denne:
<pre>
{{chart/start|sammendrag=Anetavle eksempel}}
{{chart | MM |v| MF| | | FM |v| FF| | | | | |MM=Mormor|MF=Morfar|FM=Farmor|FF=Farfar}}
{{chart | | | |!| | | | | | | | |!| | | }}
{{chart | | | MOR |-|-|v|-|-| FAR | | |MOR=Mor|FAR=Far}}
{{chart | | | | | | | |!| | }}
{{chart | | | | | | | MEG |MEG='''Meg!'''}}
{{chart/end}}
</pre>
 
... så får du følgende resultat:
 
{{chart/start|sammendrag=Anetavle eksempel}}
{{chart | MM |v| MF| | | MM |v| MF| | | | | |MM=Mormor|MF=Morfar}}
{{chart | | | |!| | | | | | | | |!| | | }}
{{chart | | | MOR |-|-|v|-|-| FAR | | |MOR=Mor|FAR=Far}}
{{chart | | | | | | | |!| | }}
{{chart | | | | | | | MEG |MEG='''Meg!'''}}
{{chart/end}}
 
Dette diagrammet kalles en anetavle.


==Parametere==
==Parametere==
Linje 52: Linje 102:
| {{big|<code>(</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|(}}{{chart/end}} || &nbsp;
| {{big|<code>(</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|(}}{{chart/end}} || &nbsp;
|-
|-
| || ||
| {{big|<code>`</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|`}}{{chart/end}} || &nbsp;
| {{big|<code>`</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|`}}{{chart/end}} || &nbsp;
| {{big|<code>^</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|^}}{{chart/end}} || &nbsp;
| {{big|<code>^</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|^}}{{chart/end}} || &nbsp;
Linje 70: Linje 119:
| {{big|<code>C</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|C}}{{chart/end}} || &nbsp;
| {{big|<code>C</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|C}}{{chart/end}} || &nbsp;
|-
|-
| || ||
| {{big|<code>L</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|L}}{{chart/end}} || &nbsp;
| {{big|<code>L</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|L}}{{chart/end}} || &nbsp;
| {{big|<code>A</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|A}}{{chart/end}} || &nbsp;
| {{big|<code>A</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|A}}{{chart/end}} || &nbsp;
Linje 88: Linje 136:
| {{big|<code>G</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|G}}{{chart/end}} || &nbsp;
| {{big|<code>G</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|G}}{{chart/end}} || &nbsp;
|-
|-
| || ||
| {{big|<code>Y</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|Y}}{{chart/end}} || &nbsp;
| {{big|<code>Y</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|Y}}{{chart/end}} || &nbsp;
| {{big|<code>W</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|W}}{{chart/end}} || &nbsp;
| {{big|<code>W</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|W}}{{chart/end}} || &nbsp;
Linje 96: Linje 143:
|+ '''Kombinert:'''
|+ '''Kombinert:'''
|-
|-
| || ||
| {{big|<code>j</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|j}}{{chart/end}} || &nbsp;
| {{big|<code>j</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|j}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>y</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|y}}{{chart/end}} || &nbsp;
| {{big|<code>y</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|y}}{{chart/end}} || &nbsp;
| || ||
| &nbsp; || &nbsp; || &nbsp;
| || ||
| {{big|<code>r</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|r}}{{chart/end}} || &nbsp;
| {{big|<code>r</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|r}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>m</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|m}}{{chart/end}} || &nbsp;
| {{big|<code>m</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|m}}{{chart/end}} || &nbsp;
| || ||
| &nbsp; || &nbsp; || &nbsp;
| || ||
| {{big|<code>r2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|r2}}{{chart/end}} || &nbsp;
| {{big|<code>r2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|r2}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>m2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|m2}}{{chart/end}} || &nbsp;
| {{big|<code>m2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|m2}}{{chart/end}} || &nbsp;
| || ||
|-
| {{big|<code>d</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|d}}{{chart/end}} || &nbsp;
| {{big|<code>d</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|d}}{{chart/end}} || &nbsp;
| {{big|<code>*</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|*}}{{chart/end}} || &nbsp;
| {{big|<code>*</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|*}}{{chart/end}} || &nbsp;
Linje 122: Linje 154:
| {{big|<code>f</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|f}}{{chart/end}} || &nbsp;
| {{big|<code>f</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|f}}{{chart/end}} || &nbsp;
| {{big|<code>t</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|t}}{{chart/end}} || &nbsp;
| {{big|<code>t</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|t}}{{chart/end}} || &nbsp;
|-
| {{big|<code>e</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|e}}{{chart/end}} || &nbsp;
| {{big|<code>e</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|e}}{{chart/end}} || &nbsp;
| &nbsp; || &nbsp; || &nbsp;
| {{big|<code>k</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|k}}{{chart/end}} || &nbsp;
| {{big|<code>k</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|k}}{{chart/end}} || &nbsp;
| {{big|<code>a</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|a}}{{chart/end}} || &nbsp;
| {{big|<code>a</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|a}}{{chart/end}} || &nbsp;
Linje 130: Linje 162:
| {{big|<code>b</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|b}}{{chart/end}} || &nbsp;
| {{big|<code>b</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|b}}{{chart/end}} || &nbsp;
| {{big|<code>p</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|p}}{{chart/end}} || &nbsp;
| {{big|<code>p</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|p}}{{chart/end}} || &nbsp;
| &nbsp; || &nbsp; || &nbsp;
| {{big|<code>k2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|k2}}{{chart/end}} || &nbsp;
| {{big|<code>k2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|k2}}{{chart/end}} || &nbsp;
| {{big|<code>a2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|a2}}{{chart/end}} || &nbsp;
| {{big|<code>a2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|a2}}{{chart/end}} || &nbsp;
| {{big|<code>l2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|l2}}{{chart/end}} || &nbsp;
| {{big|<code>l2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|l2}}{{chart/end}} || &nbsp;
| {{big|<code>o2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|o2}}{{chart/end}} || &nbsp;
| {{big|<code>o2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|o2}}{{chart/end}} || &nbsp;
|-
| {{big|<code>b2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|b2}}{{chart/end}} || &nbsp;
| {{big|<code>b2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|b2}}{{chart/end}} || &nbsp;
| {{big|<code>p2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|p2}}{{chart/end}} || &nbsp;
| {{big|<code>p2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|p2}}{{chart/end}} || &nbsp;
|-
| || ||
| {{big|<code>i</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|i}}{{chart/end}} || &nbsp;
| {{big|<code>i</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|i}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>h</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|h}}{{chart/end}} || &nbsp;
| {{big|<code>h</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|h}}{{chart/end}} || &nbsp;
| || ||
| &nbsp; || &nbsp; || &nbsp;
| || ||
| {{big|<code>q</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|q}}{{chart/end}} || &nbsp;
| {{big|<code>q</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|q}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>n</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|n}}{{chart/end}} || &nbsp;
| {{big|<code>n</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|n}}{{chart/end}} || &nbsp;
| || ||
| &nbsp; || &nbsp; || &nbsp;
| || ||
| {{big|<code>q2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|q2}}{{chart/end}} || &nbsp;
| {{big|<code>q2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|q2}}{{chart/end}} || &nbsp;
| || ||
| || ||
| {{big|<code>n2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|n2}}{{chart/end}} || &nbsp;
| {{big|<code>n2</code>}} || style="border: 1px solid gray;" | {{chart/start}}{{chart|n2}}{{chart/end}} || &nbsp;
| || ||
|}
|}
<br clear="both" />
<br clear="both" />
Linje 208: Linje 225:
{{chart/end}}
{{chart/end}}


{{Warnsign|'''Note:'''}} Ved å spesifisere utseende attributer for individuelle navngitte bokser, må boksens navn være plassert til '''venstre''' i området reservert for dette i malen (som i "<code>|RED&nbsp;&nbsp;|</code>" isteden for "<code>|&nbsp;RED&nbsp;|</code>" i eksempelet over), ellers vil malen se etter utseende parametere med mellomrom i navnet.
{{Warnsign|'''Advarsel:'''}} Ved å spesifisere utseende attributer for individuelle navngitte bokser, må boksens navn være plassert til '''venstre''' i området reservert for dette i malen (som i "<code>|RED&nbsp;&nbsp;|</code>" isteden for "<code>|&nbsp;RED&nbsp;|</code>" i eksempelet over), ellers vil malen se etter utseende parametere med mellomrom i navnet.


{{tl|chart/start}} malen aksepterer også en valgfri '''utseende''' parameter som kan bli brukt til å bestemme CSS utseende for hele diagrammet.
{{tl|chart/start}} malen aksepterer også en valgfri '''utseende''' parameter som kan bli brukt til å bestemme CSS utseende for hele diagrammet.
==Overflytting fra den gamle [https://en.wikipedia.org/wiki/Template:Family_tree| Familytree malen.]==
{{tl|chart}} malen er basert på og story sett kompatibelt med den tidligere [https://en.wikipedia.org/wiki/Template:Family_tree| Familytree malen.] Men for å bruke de ekstra funksjonene som denne malen tilbyr, må diagrammet oppdateres ved å bruke {{tl|chart}} isteden. De fleste av de eldre {{tl|familytree}} diagrammene kan bli oppdatert ved å bruke {{tl|chart}} og under-malene ved å bytte ut koden <code>familytree</code> med <code>chart</code>. Noen få av de kombinerte flisene måtte omdøpes og {{tl|familytree}} diagrammer som bruker disse flisene må gjøre forandringer. I tillegg er to kombinerte fliser lagt til, disse førte til at man kan føye stiplede linjer til heltrukne. Følgende oversikt viser forskjellene:
{| class="notwikitable" style="text-align:center;" border="1" cellspacing="0" cellpadding="3"
!Tile!!{{tl|familytree}}!!{{tl|chart}}
|-
|{{chart/start}}{{chart|c}}{{chart/end}}||<code>{</code>||<code>c</code>
|-
|{{chart/start}}{{chart|d}}{{chart/end}}||<code>}</code>||<code>d</code>
|-
|{{chart/start}}{{chart|t}}{{chart/end}}||<code>#</code>||<code>t</code>
|-
|{{chart/start}}{{chart|e}}{{chart/end}}||<code>[</code>||<code>e</code>
|-
|{{chart/start}}{{chart|f}}{{chart/end}}||<code>]</code>||<code>f</code>
|-
|{{chart/start}}{{chart|i}}{{chart/end}}||&nbsp;||<code>i</code>
|-
|{{chart/start}}{{chart|j}}{{chart/end}}||&nbsp;||<code>j</code>
|}
Det må også nevnes at hvis {{tl|familytree}} malen ender med <code>|}}</code>, så bør den vertikale linjen bli fjernet, slik at den blir erstattet med enten tekst eller et tomt mellomrom.
familytree.js verktøyet under kan bli brukt til å konvertere mellom syntaksene. Endre start tag i redigeringsmodus og trykk "Art&nbsp;→&nbsp;Templates" for å skifte tilbake til wikitekst modusen.
Ved å gjøre dette vil alle de tilhørende malene bli oppdatert for å passe.


==Feilmeldinger==
==Feilmeldinger==
* "{{red|Template:Chart/cellb}}" Forårsakes ved å bytte <code>|}}</code> - til <code>| }}</code>.
* "{{red|Mal:Chart/cellb}}" Forårsakes ved å bytte <code>|}}</code> - til <code>| }}</code>.
* "{{red|Template:Chart/celltTemplate:Chart/cellb}}" Forårsakes ved å bytte <code>||</code> - til <code>| |</code>, eller <code>|}}</code> - til <code>| }}</code>.
* "{{red|Mal:Chart/celltMal:Chart/cellb}}" Forårsakes ved å bytte <code>||</code> - til <code>| |</code>, eller <code>|}}</code> - til <code>| }}</code>.
* "{{red|Template:Chart/celly tTemplate:Chart/celly b}}" Forårsakes ved å bytte <code>|y |</code> - til <code>|y|</code>.
* "{{red|Mal:Chart/celly tMal:Chart/celly b}}" Forårsakes ved å bytte <code>|y |</code> - til <code>|y|</code>.
 
==Se også==
* [https://en.wikipedia.org/wiki/User:GregU/familytree.js| familytree.js] – Et verktøy for enkelt å lage eller oppdatere diagrammer som kan brukes i malene.
* [https://en.wikipedia.org/wiki/Category:Family_tree_templates| :Category:Family tree templates]
 
[[Kategori:Maler]]

Siste sideversjon per 17. sep. 2015 kl. 12:44


{{#invoke:Message box|mbox |image= |imageright= |style= |textstyle= |text=This is a documentation subpage for Mal:Chart.
It contains usage information, categories and other content that is not part of the original mal page. |small= |smallimage= |smallimageright= |smalltext= |category= |all= |date= }}

Denne malen lager en rad i et slektstre, som består av bokser forbundet med linjer basert løselig på ASCII kunst-syntaksen. Malen er ment å brukes sammen med {{chart/start}} og {{chart/end}} og vises som HTML, ved hjelp av CSS som definerer utseendet. I boksene kan det også kobles opp mot andre artikler. Denne malen er basert på den eldre Familytree malen og er kompatibel med den nåværende Chart malen, som brukes i wikipedia.

Eksempel 1

Hvis du kopierer følgende ...

{{chart/start|sammendrag=Slektstre eksempel}}
{{chart| | | |FM |~|y|~| FF | |FM=Farmor|FF=Farfar}}
{{chart| | | | | | | |)|-|-|-|.| }}
{{chart| | | MOR |v| FAR | |ASTRID|MOR=Mor|FAR=Far|ASTRID=[[Tante Astrid]]}}
{{chart| |,|-|-|-|+|~|~|~|7| | | }}
{{chart| OLA | | MEG  | | SØS | | |OLA=Min bror Ola|MEG='''Meg!'''|SØS=Min lillesøster}}
{{chart/end}}

... så får du følgende resultat:

Farmor
Farfar
Mor
Far
Tante Astrid
Min bror Ola
Meg!
Min lillesøster

Dette diagrammet visualiserer at jeg har en bror som heter Ola og en mulig lillesøster, min mor er gift med min far og min fars foreldre som er skilt kalles farmor og farfar, min fars foreldre har også et barn til som kalles Tante Astrid. Sammendragsteksten |tekst= bør brukes til å beskrive hva diagrammet inneholder.

Eksempel 2

Ved å kopiere denne:

{{chart/start|sammendrag=Slektstre eksempel}}
{{chart | PV1 | | | | | | | | |PV1='''Stamfar'''}}
{{chart | |)|-|-|-|v|-|-|-|.| | }}
{{chart | SV1 | | HV1 | | JV1 |SV1='''Sønn'''|HV1='''Datter'''|JV1=Sønn}}
{{chart | | | | | |)|-|-|-|.| | }}
{{chart | | | | | MV1 | | CV1 |MV1='''Datterdatter'''|CV1=Dattersønn}}
{{chart | | | | | | | | | |!| | }}
{{chart | | | | | | | | | WV1 |WV1='''Dattersønns sønn'''}}
{{chart/end}}

... så får du følgende resultat:

Stamfar
Sønn
Datter
Sønn
Datterdatter
Dattersønn
Dattersønns sønn

Dette diagrammet kalles en stamtavle og viser etterkommere etter en av dine forfedre.

Anetavle (Eksempel 3)

Ved å kopiere denne:

{{chart/start|sammendrag=Anetavle eksempel}}
{{chart | MM |v| MF| | | FM |v| FF| | | | | |MM=Mormor|MF=Morfar|FM=Farmor|FF=Farfar}}
{{chart | | | |!| | | | | | | | |!| | | }}
{{chart | | | MOR |-|-|v|-|-| FAR | | |MOR=Mor|FAR=Far}}
{{chart | | | | | | | |!| | }}
{{chart | | | | | | | MEG |MEG='''Meg!'''}}
{{chart/end}}

... så får du følgende resultat:

Mormor
Morfar
Mormor
Morfar
Mor
Far
Meg!

Dette diagrammet kalles en anetavle.

Parametere

Denne malen aksepterer opptil 50 ikke navngitte parametere, hver av disse angir en flis eller boks.

  • Bokser kan i tillegg til tekst inneholde linker til andre sider og innholdet i hver boks er angitt ved å bruke ekstra navneparametere knyttet til malens formål. Hver boks er tre fliser bred og har normalt en svart marg som er to piksler bred. Bokser kan ha hvilket som helst navn, så lenge de er gyldige mal parameter navn, disse skal minimum ha to bokstaver.
  • Fliser er linjefigurer som sammen brukes for å knytte sammen boksene. De inneholder varierende typer av horisontale og vertikale linjer, samt hjørner og kryss som behøves. Disse flisene er spesifisert ved å bruke en kode på en eller to symboler. Denne koden er mer eller mindre sammenlignbart med figuren på flisen som skal brukes. Det finnes også tomme fliser, som brukes for å lage mellomrom og koden er da et tomt mellomrom, en oversikt over tilgjengelige fliser sees under:
Heltrukne linjer:
!
||  
,
||  
v
||  
.
||  
-
||  
)
||  
+
||  
(
||  
`
||  
^
||  
'
||  
Stiplede linjer:
:
||  
F
||  
V
||  
7
||  
~
||  
D
||  
%
||  
C
||  
L
||  
A
||  
J
||  
Prikkede linjer:
Q
||  
S
||  
M
||  
T
||  
P
||  
H
||  
R
||  
G
||  
Y
||  
W
||  
Z
||  
Kombinert:
j
||  
y
||  
r
||  
m
||  
r2
||  
m2
||  
d
||  
*
||  
c
||  
f
||  
t
||  
e
||  
k
||  
a
||  
l
||  
o
||  
b
||  
p
||  
k2
||  
a2
||  
l2
||  
o2
||  
b2
||  
p2
||  
i
||  
h
||  
q
||  
n
||  
q2
||  
n2
||  


Utseende attributer

Utseende til boksene på en rad kan styres ved hjelp av følgende valgfrie mal parametere:

  • border beskriver bredden av boksens marg i piksler.
  • boxstyle kan brukes for å knytte andre CSS koder direkte til boksens utseende, eksempelvis denne koden:
{{chart/start}}
{{chart|border=1|boxstyle=background:green;  | | FOO |y| BAR | |FOO=Box 1|BAR=Box 2}}
{{chart | | |,|-|^|-|.| | }}
{{chart|border=3|boxstyle=background:yellow; | | FOO | | BAR | |FOO=Box 3|BAR=Box 4}}
{{chart/end}}

gir dette resultatet:

Box 1
Box 2
Box 3
Box 4

Utseende attributer kan også brukes for å bestemme utseende av individuelle bokser innenfor en linje, som i eksempelet under:

{{chart/start}}
{{chart| | | | |CLEAR| | | | |CLEAR=Clear box}}
{{chart| |,|-|-|'|!|`|-|-|.| }}
{{chart|RED  |~|GREEN|~|BLUE |RED=Red box|GREEN=Green box|BLUE=Blue box
|boxstyle_RED  =background-color: red;
|boxstyle_GREEN=background-color: green;
|boxstyle_BLUE =background-color: blue;
}}
{{chart/end}}

som gir dette resultatet:

Clear box
Red box
Green box
Blue box

⚠ 'Advarsel:' Ved å spesifisere utseende attributer for individuelle navngitte bokser, må boksens navn være plassert til venstre i området reservert for dette i malen (som i "|RED  |" isteden for "| RED |" i eksempelet over), ellers vil malen se etter utseende parametere med mellomrom i navnet.

{{chart/start}} malen aksepterer også en valgfri utseende parameter som kan bli brukt til å bestemme CSS utseende for hele diagrammet.

Feilmeldinger

  • "Mal:Chart/cellb" Forårsakes ved å bytte |}} - til | }}.
  • "Mal:Chart/celltMal:Chart/cellb" Forårsakes ved å bytte || - til | |, eller |}} - til | }}.
  • "Mal:Chart/celly tMal:Chart/celly b" Forårsakes ved å bytte |y | - til |y|.