In questo programma-esercizio una pallina, bullet1.gif, animata urta i bordi di una table facendo cambiare ogni volta il colore dello sfondo e facendo suonare il beep mayday2.wav.
Scrivendo il programma in NotePad il beep funziona, mentre mettendolo online il beep non funziona. Desidererei sapere perché. Grazie
Lanvoel
codice:
<html>
<head>
<script language=JavaScript>
var sinistra=11
var alto=11
var direzione_s =false
var direzione_a =false
function beep1(beep) {
var sound=document.getElementById("beep")
if (sound)
sound.play()
}
function avvia()
{
window.setInterval("muovi()",5)
}
function muovi()
{
var paragrafo=document.getElementById("tavola1")
if(direzione_s==false)
{sinistra++
if(sinistra==500){direzione_s=true; beep1('beep'); paragrafo.style.background="magenta"}
}
else
{sinistra--
if(sinistra==10){direzione_s=false; beep1('beep'); paragrafo.style.backgroundColor="blue"}
}
if(direzione_a==false)
{alto++
if(alto==380){direzione_a=true; beep1('beep'); paragrafo.style.backgroundColor="green"}
}
else
{alto--
if(alto==0){direzione_a=false; beep1('beep'); paragrafo.style.backgroundColor="cyan"}
}
para1.style.left=sinistra+"px"
para1.style.top=alto+"px"
}
</script>
</head>
<body language=JavaScript onload="avvia()">
<table border="3" width="510" height="400" bordercolor="red" id="tavola1" bgcolor="blue">
<tr>
<td>
<P Style="position:absolute; left:10px; top:20px;" Id="para1" ><img src="bullet1.gif"></P>
</td>
</tr>
</table>
<audio src="mayday2.wav" ID="beep"/>
</body>
</html>