Onderdelen van de pagina tonen tot een bepaalde datum
Bij de onderwerpen van de HTML- en JavaScriptcode op deze site zie je hier-en-daar dit markertje staan:
.
Dit markertje dient om aan te geven dat het een nieuw onderwerp is, of om aan te geven dat er iets is veranderd.
Het staat er tot één maand nadat zo'n onderwerp is gepubliceerd. Daarna verdwijnt het automatisch.
Hier staat beschreven hoe je zoiets aanpakt. Het is een vrije bewerking van code die ik heb gezien op de site JavaScriptKit. De code kun je hier ook downloaden, inclusief het plaatje.
- Het script bestaat uit een variabele imagetag en een function expireat().
- De function expireat() heeft één parameter: expiredate. Dit is de datum vanaf
welke de code in imagetag NIET meer in de pagina wordt gezet.
Als je dus opgeeft: 16 november 2021, dan betekent dat dat met ingang van 16 november 2021 de code in imagetag niet meer op het scherm verschijnt. - In imagetag zet je de HTML-code die moet worden gebruikt als de datum nog niet 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.
Dit wijkt af van op JavaScriptKit wordt gemeld.
- Geef bij aanroep van expireat() 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 tot aan 4 december 2022, dus tot en met 3 december 2022.
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>
/*
"Whats new?" image script-By JavaScript Kit (www.javascriptkit.com)
Over 200+ free scripts here!
*/
// Zet hier de html-code die je wilt laten zien tot 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 expireat(expiredate) {
var expire = new Date(expiredate);
if (today.getTime() <= expire.getTime()) document.write(imagetag);
}
</script>
<script>
expireat('December 4, 2022')
</script>
Downloaden:
Druk op de knop:
File: voorb108.zip, 868 bytes.
Opmerking:
Je kunt iets dergelijks ook gebruiken om delen van je pagina automatisch te laten verschijnen met ingang van
een bepaalde datum. Zie daarvoor de items "Onderdelen van de
pagina tonen tot een bepaalde datum" en "Onderdelen
van de pagina tonen gedurende een bepaalde periode".
