CSS HTML Help Tutorials Editor

scripts

TYPE WRITER Display text like a tele-typewriter.

Prints out a message in TELE-TYPE-WRITER style.(IE and Opera only).

Simply put the code below into the page wherever you want the message and then make the appropriate changes.

var message="Have your messages printed out in teletype style! Just like this."
var typingbasecolor="ececec"
var typingtextcolor="ff00ff"
var blinkspeed=100  //in milliseconds
var fontface="arial,geneva,helvetica"
var fontsize="5"

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font face="'+fontface+'" size="'+fontsize+'" color="'+typingbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="typinglight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to typinglight array

var tempref=document.all.typinglight
}
else
document.write(message)

function typing(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=typingbasecolor
}

//cycle through and change individual letters to typing color
tempref[n].style.color=typingtextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(blinking)
setTimeout("starttyping()",1500)
return
}
}

function starttyping(){
if (document.all)
blinking=setInterval("typing()",blinkspeed)
}
starttyping()

</script>

</div>