Deze gegevens zullen in pintje 3 gebruikt worden om de modulecode te genereren.
| Vereniging: | |
| Seizoen: | |
| Klub: | |
| Ploeg: |
Open je webpagina in je favoriete editor.
Als je met FrontPage of Dreamweaver ofzo werkt, klik dan op 'HTML' om de HTML code van je webpagina te zien.
Ga nu op zoek naar de head sectie van je webpagina. Deze sectie wordt omsloten door de tags <head> en </head>.
Binnen deze sectie (bvb meteen achter de openingstag <head>) plaats je de volgende regel:
<script type="text/javascript" src="http://tabt.mentalis.org/0.4/tabtjs.js"></script>
Let op: als je meerdere modules op dezelfde pagina zet, mag je deze lijn slechts één keer toevoegen!
Ga in je HTML pagina op zoek naar de plaats waar je de module wilt bijvoegen. Plak op deze plaats de volgende regel*:
Selecteer eerst een ploeg.
(* Deze code werd gegenereerd op basis van de ploeg die je in puntje 1 hebt geselecteerd.)
Meer is het niet. Publiceer je webpagina nu gewoon op je server en de rangschikking zal verschijnen!
Tabtjs modules zijn parametriseerbaar. Het parameter mechanisme is vrij eenvoudig.
Parameters voeg je gewoon toe binnen je <div>. Parameters worden gescheiden door een comma.
Voorbeeld:
<div id="myranking1" class="tabtjs ranking">
DivisionId=681,
Language=nl
</div>
De parameterwaarde mag eventueel tussen enkele of dubbele aanhalingstekens worden gezet.
De volgende parameters worden door de rankschikkingmodule ondersteund:
| Parameter | Beschrijving | Mogelijke waarden | Standaardwaarde |
|---|---|---|---|
| DivisionId | Uniek ID dat verwijst naar de divisie op frenoy. | ... | - |
| Association | Geeft aan over welke vereniging het gaat. | kbttb | sporcrea | kbttb |
| Highlight | Specifieer hier (een deel van) de klubnaam zodat deze in het vet komen. | string (gebruik van wildcards '*' is toegestaan) | - |
| ShowHeader | Geeft aan of de tabelhoofding moet worden weergegeven. | true | false | true |
| Language | Geeft aan in welke taal de rangschikking getoond moet worden. | nl | fr | en | en |
| Tooltips | Geeft aan of de hoofding tooltips moet hebben. | true | false | true |
| OverrideStyle | Geeft aan of de layout (css) van overschreven moet worden (zie volgend puntje). | true | false | false |