Jaarkalender IV, versie met weeknummers
De bedoeling van deze pagina is zonder toelichting wel duidelijk. Op deze bladzijde wordt beschreven hoe je deze jaarkalender maakt.
In het volgende wordt besproken wordt hoe je dit in een web-pagina opneemt.
De weeknummers worden berekend op de manier die beschreven is in het item Het
weeknummer berekenen.
De weeknummers worden berekend op basis van de norm ISO 8601. Daarom begint de week in deze kalender op maandag
en eindigt de week op zondag.
- Dit is een variant van het script Jaarkalender III, versie met weeknummers.
Bij het oorspronkelijke script wordt de kalender in een popup getoond. Hier verschijnt de kalender direct in de pagina.
- De kalender wordt gegenereerd door JavaScript. Dat staat in de file jaarkal4.js. Dat link je vanuit de <HEAD>.
- De kalender wordt getoond binnen de tag:
<div id="JaarWKalender"> </div>. Die staat op de plaats in de <BODY> waar de kalender moet komen. - Aan het eind van het HTML-document, vlak vóór de </body>-tag staat een JavaScript dat de function
jakw(mijnJaar) aanroept, waarbij mijnJaar het huidige (op gewenste) jaar is. De function jakw() vervangt de
HTML-code binnen de tag <div id="JaarKalender"> </div> door de kalender.
- De kalender wordt opgemaakt met CSS, dat je in de <HEAD> van het document zet. Ik raad niet aan om de class .ri
te wijzigen.
- Uitgebreide aanwijzingen voor het aanpassen van de kalender vind je in het item Jaarkalender. Merk op dat de CSS en het javascript hier gescheiden zijn. In Jaarkalender staat alles in één document.
Gebruik:
- De code staat gedeeltelijk in de <HEAD> en gedeeltelijk in de <BODY>.
De code ziet er als volgt uit:
(Zet dit in de <HEAD>).
(Zet dit in de <BODY>, op de plaats waar de kalender moet verschijnen).<style>
table, td {font-family:verdana, sans-serif; font-size:95%;
vertical-align:top;}
.onderschrift { font-size:8pt; }
.FoutMelding {font-family:verdana, sans-serif; font-size:125%;}
.ri {text-align:right;}
.wknrs {color:red;}
/* - Classes voor markeringen in de kalender - */
/* Rood: Vandaag */
.rd {color:#fff; background:#ff0000;}
/* Groen: Christelijke feestdagen */
.gr {color:#fff; background:#00aa00;}
/* Donker Blauw : Carnaval */
.dbl {color:#ffffff; background:#000080;}
/* Oranje: Andere Feest- en Gedenkdagen */
.or {color:#ffffff; background:#ff8000;}
/* - Einde van de Classes voor markeringen in de kalender - */
</style>
<script src="jaarkal4.js"></script>
(Zet dit in de <BODY>, bij voorkeur net vóór de </BODY>-tag).<div id="JaarKalender"> </div>
<script>
var vandaag = new Date();
var mijnJaar = vandaag.getFullYear();
jakw(mijnJaar)
</script>
Downloaden:
Druk op de knop:
File: voorb370.zip, 3097 bytes.
Opmerking:
Van deze kalender zijn 4-maands versies beschikbaar. Deze tonen de vorige maand, de huidige maand en de twee volgende
maanden, in een horizontale opmaak of verticale opmaak.
Van deze kalender is ook een versie beschikbaar zonder weeknummers zie Jaarkalender II.
