Onderdelen van de pagina tonen vanaf een bepaalde datum
Er zijn toepassingen in een website denkbaar waarbij dingen vanaf een bepaalde datum zichtbaar worden. Zo
zie je bij de onderwerpen op deze site hier-en-daar dit markertje staan:
.
Als je zoiets vanaf bijvoorbeeld 23 juni wilt zichtbaar maken kun je natuurlijk op 23 juni de code van je site
aanpassen. Maar je kunt het ook een poosje van te voren klaar maken en het aan de browser van je bezoeker
over laten om het vanaf de juiste datum te laten verschijnen.
Hier staat beschreven hoe je zoiets aanpakt. Het idee is ontleend aan een script dat te vinden is op
de site JavaScriptKit. Het oorspronkelijke script
laat iets zien tot aan een bepaalde datum en verbergt het daarna. Dit script doet het juist andersom:
Het houdt iets verborgen en toont het met ingang van een bepaalde datum.
De code kun je hier ook downloaden, inclusief het plaatje.
- Het script bestaat uit een variabele imagetag en een function validfrm().
- De function validfrm() heeft één parameter: validdate. Dit is de datum vanaf
welke de code in imagetag in de pagina wordt gezet.
Als je dus opgeeft: 23 juni 2006, dan betekent dat dat de code in imagetag op 23 juni 2006 voor het eerst zichtbaar wordt op het scherm. - In imagetag zet je de HTML-code die moet worden gebruikt als de datum is bereikt, bijvoorbeeld een <img>-tag om een plaatje te tonen.
- Je kunt alle geldige HTML-code in imagetag zetten. Het is dus niet beperkt tot plaatjes.
- Geef bij aanroep van validfrm() de datum op in Amerikaanse notatie, dat wil zeggen:
Maand dag, jaar. Gebruik voor de maanden ook de Amerikaanse spelling (let op de hoofdletters):
January February March April May June July August September October November December - In het voorbeeld hieronder wordt het plaatje new.gif getoond vanaf 23 juni 2006.
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 het plaatje moet komen).<script>
// Zet hier de html-code die je wilt laten zien met ingang van een bepaalde dag
var imagetag='<img src="new.gif" width="30" height="17" border="0" alt="Nieuw, vers van de pers">';
var today=new Date();
function validfrm(validdate) {
var validfrom = new Date(validdate);
if (today.getTime() <= expire.getTime()) document.write(imagetag);
}
</script>
<script>
validfrm('June 23, 2006')
</script>
Downloaden:
Druk op de knop:
File: voorb177.zip, 798 bytes.
Opmerking:
Je kunt iets dergelijks ook gebruiken om delen van je pagina automatisch te laten verdwijnen met ingang van
een bepaalde datum. Zie daarvoor de items "Onderdelen van de
pagina tonen vanaf een bepaalde datum" en "Onderdelen
van de pagina tonen gedurende een bepaalde periode".
