La pagina sotto mostra un "effetto macchina" da scrivere sul testo solo in IE. Per visualizzarlo anche con Mozilla Firefox debbo togliere le prime righe (doctype) di codice e mettere il generico <html>. Come risolvere la cosa?
inizio codice.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<script language="javascript">
<!--
//Il messaggio
var msg=new Array()
msg[1]="Testo"
msg[2]="un saluto a tutti"
msg[3]="potrete trovare"
msg[4]="questo e quello"
msg[5]="un pò di tutto...."
//Il numero dei messaggi
var Number_Messages=5;
//Colori
var textColor=new Array()
textColor[1]="blue"
textColor[2]="red"
textColor[3]="purple"
textColor[4]="orange"
textColor[5]="gray"
//Il numero dei colori
Number_Colors=5;
//La pausa fra i messaggi, basta allungare o diminuire gli spazi
var space2=" "
var c=1
var n=0
var start=""
var m=1
msg[m]=msg[m]+space2
function type(){
var color="<font color=\""+textColor[c]+"\">[b]"
var total=start+color+msg[m].charAt(n)
start=start+color+msg[m].charAt(n)
n++
if(n==msg[m].length){
start="";
n=0;
if(c==Number_Colors){
c=1;
}else{
c=c+1;
}
if(m==Number_Messages){
m=1
}else{
m=m+1;
msg[m]=msg[m]+space2
}
}
document.all.typer.innerHTML=total
setTimeout("type()",100)
}
window.onload=type
-->
</script>
</head>
<body>
<div id="typer" style="font-size: 20pt; font-family: verdana;"></div>
</body>
</html>