JS Lichtkrant


Handleiding HTML Overzicht JavaScript voorbeelden | Inhoud HTML | Inhoud CSS | Begin


Met JavaScript kun je een lichtkrant in je document opnemen. Zo'n lichtkrant kan als alternatief dienen voor de lichtkrant die je kunt maken met het MARQUEE element. Overigens is het goed te bedenken dat niet alle bezoekers zitten te wachten op allerlei bewegende onderdelen op je pagina. Enige beperking kan dus geen kwaad.


Standaard lichtkrant

De volgende standaard lichtkrant start bij het openen van het document:


In de head van dit document staat het volgende script opgenomen:

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

var timerID = null;
var timerRunning = false;
var id,pause=0,position=0;

function ticker()
{
var i,k,msg="Dit is de inhoud van de lichtkrant.";
k=(75/msg.length)+1;
for(i=0;i<=k;i++) msg+="     "+msg;
document.lichtkrant1.veld1.value=
msg.substring(position,position+95);
if(position++==38) position=0;
id=setTimeout("ticker()",1000/10);
}

function action()
{
if(!pause) {
clearTimeout(id);
pause=1; }
else {
ticker();
pause=0; }
}

//-->
</SCRIPT>

Om het tekstveld te verbergen in browsers die JavaScript niet ondersteunen, wordt het formulier geopend met een in de body van het document geplaatst script:

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--

document.write('<DIV ALIGN="center">');
document.write('<FORM NAME="lichtkrant1" ACTION="geen_actie">');
document.write('<INPUT TYPE="text" NAME="veld1" SIZE="50">');
document.write('<\/FORM>');
document.write('<\/DIV>');
ticker()

//-->
</SCRIPT>



Overzicht JavaScript voorbeelden | Inhoud HTML | Inhoud CSS | Begin

Handleiding HTML (http://www.handleidinghtml.nl/)
Copyright © 1995-2016 Hans de Jong
Laatste wijziging: 6 december 2009