NIWO FAQ

NL.INTERNET.WWW.ONTWERP Frequently Asked Questions

Een automatische laatst bewerkt vermelding op je pagina in javascript

Bijdrage van Jorrit Schippers. Oorspronkelijke script van irt.org.

Als je een website hebt die vaak veranderd, is het handig voor de bezoekers om te weten wanneer de site voor het laatst gewijzigd is. Dit kan handmatig worden ingevoegd, maar ook met javascript.

Er zijn twee manieren. Nummer een levert een notatie op als: en uit nummer twee volgt dit:

Manier 1: ongecontroleerde notatie

Deze notatie is eigenlijk niet aan te bevelen, maar is wel de gemakkelijkste. U voegt gewoon op de plaast waar de datum moet komen te staan het volgende in:
<SCRIPT language="JavaScript" type="text/javascript">
<!--
 document.write('Laatst bewerkt: ' + document.lastModified);
//-->
</SCRIPT>
dit levert op:
Als u het wat mooier wilt, dan is er nog een manier:

Manier 2: gecontroleerde notatie

Wilt u de notatie zoals bovenaan deze pagina, dan moet u eerst het volgende tussen uw <HEAD> en </HEAD> plaatsen:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
     <!--
     function makeArray() {
     for (i = 0; i < makeArray.arguments.length; i++) 
       this[i + 1] = makeArray.arguments[i]; 
     }
     var modifiedMonth = new makeArray('januari','februari','maart','april',
                                       'mei','juni','juli','augustus','september',
                                       'oktober','november','december');
     var modifiedDate = new Date(document.lastModified);
     function modifiedDay(day) { 
           if (day == 0) return 'zondag'; 
     else  if (day == 1) return 'maandag';
     else  if (day == 2) return 'dinsdag'; 
     else  if (day == 3) return 'woensdag';
     else  if (day == 4) return 'donderdag'; 
     else  if (day == 5) return 'vrijdag';
     else                return 'zaterdag'; }
     function modifiedDateSuffix(date) { 
          if (date == 1 || date == 21 || date == 31) return 'st'; 
     else if (date == 2 || date == 22)               return 'nd';  
     else if (date == 3 || date == 23)               return 'rd'; 
     else                                            return 'th'; }
     function y2k(number) { return (number < 1000) ? number + 1900 : number; }
     //-->
</SCRIPT>

En nu moet u op de plaats waar de datum moet komen de volgende code invoegen:

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
     <!--
     document.write(
                       'Laatst bewerkt: ' +                          // de tekst: Laatst bewerkt:
                       modifiedDay(modifiedDate.getDay()) +          // naam van de dag
                       ' ' +                                         // spatie
                       modifiedDate.getDate() +                      // dagnummer
                       ' ' +                                         // spatie
                       modifiedMonth[modifiedDate.getMonth() + 1] +  // maand
                       ' ' +                                         // spatie
                       modifiedDate.getFullYear());                  // jaar
     //-->
</SCRIPT>
Deze code geeft:
Zoals er al gezegd is, kan de weergave aangepast worden. Achter elke zin staat de beschrijving. Als u die zin weghaalt, zal dit niet weergegeven worden.
Bijvoorbeeld:
<SCRIPT LANGUAGE="JavaScript" type="text/javascript">
     <!--
     document.write(
                    'Laatst bewerkt: ' +                          // de tekst laatst bewerkt:
                    modifiedDate.getDate() +                      // dagnummer
                    ' ' +                                         // spatie
                    modifiedMonth[modifiedDate.getMonth() + 1] +  // maand
                    ' ' +                                         // spatie
                    modifiedDate.getFullYear());                  // jaar
     //-->
</SCRIPT>
Deze code geeft:
zoals u ziet is de naam van de dag weg. Ook de spatie is weg, want anders zouden er twee spaties staan.
Zo kunt u ook andere dingen weglaten. Ik zou zeggen: experimenteer eens even, dan leert u ook hoe Javascript in elkaar zit!
Terug naar de inhoud