"Merkwaardige" bezoekteller
Veel websites zijn voorzien van één of meerdere tellers om het aantal bezoekers bij te houden. Deze site is
daarop een uitzondering, hoewel het is natuurlijk leuk is om aan anderen te laten zien dat jouw eigen internetsite veel bezoek
krijgt.
De tellers zijn van deze site verwijderd, behalve die in de root van de HTML-sectie. Die teller is bedoeld om te illustreren
hoe een gratis teller werkt, niet om het bezoek te meten.
Maar soms is het leuker om de boel een beetje te flessen. Deze "bezoekteller" helpt daarbij.
De teller die hieronder staat geeft bij elk bezoek een nummer, zoals elke teller het doet. Echter, het nummer wordt willekeurig
gekozen...
De code staat onderaan deze bladzijde. Je kunt hem ook downloaden, inclusief de "cijfers".
- De teller wordt gemaakt met de function NoemEensEenGetal. Deze heeft twee parameters: "bericht" en "aantal".
- De parameter bericht bevat een melding zoals: "U bent bezoeker nummer:" .
- De parameter aantal is het aantal cijfers van de teller.
aantal moet niet groter zijn dan 10, om het een beetje redelijk te houden. aantal moet uiteraard tenminste gelijk zijn aan 1. Het script controleert dit en corrigeert dit zonodig met de statements aantal = (aantal < 1 ? 1 : aantal); en aantal = (aantal > 10 ? 10 : aantal);. - De functie NoemEensEenGetal Zet eerst bericht op het scherm, direct gevolgd door aantal willeurig gekozen cijfers. Met behulp van document.write wordt voor elk cijfer een <IMG>-tag naar de bladzijde geschreven. Let op het gebruik van enkele en dubbele aanhalingstekens.
- De cijfers worden gekezen met de functie random() uit de standard JavaScript bibliotheek Math (let op de
schrijfwijze!). random() geeft een getal terug tussen 0 en 0.99999....
Door dit getal met 10 te vermenigvuldigen en de cijfers achter de komma weg te laten (Math.floor()) ontstaat een getal tussen 0 en 9. Hiermee wordt een file-naam samengesteld. - Tenslotte staat er return false; aan het einde van de function omdat deze function geen feitelijke berekening uitvoert maar alleen side-effects heeft.
- De cijfers zelf zitten elk apart in een .GIF-plaatje: dg0.gif, dg1.gif, dg2.gif, enz.
Gebruik:
- De code staat voor een deel in de <HEAD> en voor een deel in de <BODY>.
(Zet dit JavaScriptje bij voorkeur in de <HEAD>)
<script>(Zet deze code in de <BODY> op de plaats waar de teller moet komen)
function NoemEensEenGetal(bericht,aantal)
{
// Openings bericht. Corrigeer "aantal" zonodig
document.write(bericht," ");
aantal = aantal < 1 ? 1 : aantal;
aantal = aantal > 10 ? 10 : aantal;
// Zet "aantal" willekeurige cijfers op het scherm.
// Die zitten elk apart in dg_.gif
var cijfer;
for (i = 1; i <= aantal; i++) {
cijfer = "dg" + Math.floor(Math.random()*10) + ".gif";
document.write('<IMG src=" ',cijfer,' " width="16" height="21"
border="0" alt="">');
}
return false;
}
</script>
<div style="text-align:center; color:#00f">
<script>
// Toon de "Teller"
NoemEensEenGetal('U bent bezoeker nummer:',5);
</script>
</div>
Downloaden:
Druk op de knop:
File: voorb008.zip, 3079 bytes.
Opmerking:
Omdat voor elk cijfer apart een .GIF-bestandje moet worden gedownload, kan het voorkomen dat het even duurt voordat de teller
op het scherm staat. Dit geldt zeker bij de eerste aanroep en als je veel cijfers gebruikt.
Het item "Merkwaardige" bezoekteller II bevat een variant op deze
teller: Behalve dat er een willekeurig getal wordt gegenereerd, telt die ook nog omhoog of omlaag.