Meescrollende melding onderaan het scherm
Onderaan op deze bladzijde staat een een melding die over de pagina heen ligt. De achtergrond knippert. Als je
de bladzijde scrollt blijft de melding staan. Na 10 seconden verdwijnt de melding weer.
Op deze pagina staat beschreven hoe je de knipperende melding onderaan kunt maken.
De code staat onderaan deze pagina. Je kunt hem ook downloaden voor eigen gebruik.
- Het script staat in de file topmsg.js. Om dit te gebruiken moet je deze file aanpassen. Het script begint
met de declaratie van zes variabelen, die de werking van het script besturen. Zie onderstaande tabel:
msg Dit is de tekst van de melding. Je kunt de tekst naar eigen inzicht opmaken. Alle HTML-tags zijn mogelijk. Je kunt hier dus ook een hyperlink in zetten!
Op deze bladzijde is gebruik gemaakt van een STYLE-class met de naam Kop3, om een deel van de tekst te tonen in een grotere letter, onderstreept en met een blauwe kleur.
Gebruik van deze <STYLE> is alleen om het mooier te maken. Je kunt het ook gewoon weglaten.backgroundcolor Dit is de achtergrondkleur van de melding. Gebruik hier een hexadecimale code.
Hexadecimale kleurcodes worden beschreven in het item "Kleurcodes voor tekst, links en achtergrond".displaymode Hiermee geef je aan wanneer de melding verschijnt: elke keer dat de betreffende bladzijde wordt opgeroepen (displaymode = 1), of eenmaal per dag (displaymode = 2). Bij de laatse methode wordt gebruik gemaakt van een cookie.
Het gebruik van cookies wordt beschreven in het item "Cookies: Gegevens van je website onthouden".displayduration Hier geef je aan hoe lang de melding op het scherm moet blijven staan. Dit geef je op in miliseconden. Als je displayduration=10000 opgeeft, blijft de melding dus 10 seconden staan, daarna verdwijnt hij weer.
Als je wilt dat de melding continu op het scherm blijft (en dus niet verdwijnt) gebruik je displayduration = 0.flashmode Hiermee geef je aan of de achtergond van de melding knippert (flashmode = 1), of niet (flashmode = 0).flashtocolor Als de achtergrond van de melding is ingesteld op "knipperen" (flashmode = 1), geef je hier de kleurcode van de "andere" kleur op. - De uitvoering van het script wordt gestart zodra de pagina geheel is geladen.
Gebruik:
- De code staat gedeeltelijk in de <HEAD> en gedeeltelijk in de <BODY>
De code ziet er als volgt uit:
(Zet dit JavaScript in de <HEAD>)(Zet deze code in de <BODY>)<script type="text/javascript" src="topmsg.js"></script>
(Op deze bladzijde is gebruik gemaakt van de volgende <style>. Zet deze in de <HEAD>)<div id="topmsg" style="position:absolute; top:0; left:0; visibility:hidden"></div>
<style> .KopB {
font-family : verdana, arial, helvetica, sans-serif;
font-size : 12pt;
font-weight: bold;
color: #000099;
text-decoration: underline; }
</style>
De variabelen in de file topmsg.js zijn:
var msg = '<div align="center"><span class="KopB">Even geduld a.u.b...</span><br>De gegevens worden opgehaald.</div>'
var backgroundcolor = "#FFFFD8"
var displaymode = 1
var displayduration = 10000
var flashmode = 1
var flashtocolor = "#FFCCCC"
Downloaden:
Druk op de knop:
File: voorb091.zip, 1611 bytes.
