WebKnutselaarsHulpjes
CSS buttons Diashow 1 Diashow 2 Imagemap JS-Klokje Websafe Kleuren Laadtijd Meten Meta-tags Mouseover Plaatjes Beschermen Popups 1 Popups 2 Popups 3 Pagina Verversen Uitklapmenu 1 Uitklapmenu 2 Textures Reactie Home
Willekeurige tekst d.m.v. JavaScript
24 september 2010
Bovenstaande tekst komt uit een stukje JavaScript waarin we het refrein van 'Roosje mijn roosje' hebben geplaatst.
Er wordt een willekeurige regel gekozen door een toevalsgenerator (door het geringe aantal regels zul je vaak dezelfde zien...).
Klik Andere tekst
Tussen de <head> en </head> tags van de pagina komt dit stukje JavaScript.
<script language="JavaScript" type="text/javascript"><!--
var w_tekst = new Array ();
w_tekst[0] = "Ik geef je een roosje, mijn Roosje";
w_tekst[1] = "Ik geef je een roos elke dag";
w_tekst[2] = "En ik hou van jou tot de wei zonder dauw";
w_tekst[3] = "En de echo niet lacht om een lach";
w_tekst[4] = "La lalalala la la lalalala";
function laatTekstzien() {
var i = Math.floor(5*Math.random())
var deze_tekst = w_tekst[i];
document.getElementById('de_tekst').innerHTML=deze_tekst;
}
//-->
</script>
Teksten tussen " en " naar eigen inzicht veranderen.
Je kunt het aantal teksten nog uitbreiden door een regel toe te voegen:
w_tekst[5] = "Nog meer tekst.";
Nog meer regels? Dan steeds het getal tussen de [] verhogen.
Pas dan ook onderstaande aan;
var i = Math.floor(5*Math.random())
wordt dan:
var i = Math.floor(6*Math.random())
De <body> tag aanpassen met:
<body onLoad="laatTekstzien()">En dit (groene) stukje in de <body>, op de plek waar je de tekst wilt.
<div id="de_tekst"></div>NB: in plaats van <div> mag je ook <span> of <p> gebruiken.
