66 lines
1.8 KiB
HTML
66 lines
1.8 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|||
|
|
<html xmlns="http://www.w3c.org/1999/xhtml">
|
|||
|
|
<head>
|
|||
|
|
<title>Typewriter</title>
|
|||
|
|
<style type='text/css'>
|
|||
|
|
* {
|
|||
|
|
margin:0;
|
|||
|
|
padding:0;
|
|||
|
|
text-decoration:none;
|
|||
|
|
font-weight:normal;
|
|||
|
|
color:#000;
|
|||
|
|
font:10px verdana;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
body {
|
|||
|
|
background-color:#fff;
|
|||
|
|
overflow:hidden;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
div {
|
|||
|
|
width:296px;
|
|||
|
|
background-color:#eee;
|
|||
|
|
float:left;
|
|||
|
|
padding:2px;
|
|||
|
|
margin:10px 0 0 10px;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<script type='text/javascript'>
|
|||
|
|
text="Ik ben makelaar in koffi, en woon op de Lauriergracht No 37. Het is mijn gewoonte niet, romans te schrijven, of zulke dingen, en het heeft dan ook lang geduurd, voor ik er toe overging een paar riem papier extra te bestellen, en het werk aan te vangen, dat gij, lieve lezer, zo<7A>ven in de hand hebt genomen, en dat ge lezen moet als ge makelaar in koffie zijt, of als ge wat anders zijt. Niet alleen dat ik nooit iets schreef wat naar een roman geleek, maar ik houd er zelfs niet van, iets dergelijks te lezen, omdat ik een man van zaken ben."
|
|||
|
|
c=1
|
|||
|
|
i=0
|
|||
|
|
function write() {
|
|||
|
|
tida=document.getElementById("texta")
|
|||
|
|
tidb=document.getElementById("textb")
|
|||
|
|
tidc=document.getElementById("textc")
|
|||
|
|
tidd=document.getElementById("textd")
|
|||
|
|
textspl=text.split(" ")
|
|||
|
|
tida.innerHTML=text.substr(0,c)
|
|||
|
|
tidd.innerHTML=text.substr(text.length-c)
|
|||
|
|
if (text.substr(c-1,1)==" ") {
|
|||
|
|
tidb.innerHTML+=textspl[i]+" "
|
|||
|
|
i+=1
|
|||
|
|
}
|
|||
|
|
if (c<=textspl.length)
|
|||
|
|
tidc.innerHTML+=textspl[c-1]+" "
|
|||
|
|
|
|||
|
|
c+=1
|
|||
|
|
if (c-1!=text.length)
|
|||
|
|
t=setTimeout("write()",25)
|
|||
|
|
else
|
|||
|
|
tidb.innerHTML+=textspl[i]
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
window.onload=function(){
|
|||
|
|
document.title+=" :: No, I'm NOT Dutch"
|
|||
|
|
write()
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div id='texta'></div>
|
|||
|
|
<div id='textb'></div>
|
|||
|
|
<div id='textc'></div>
|
|||
|
|
<div id='textd'></div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|