Ho in una pagina il seguente codice:
<script language="JavaScript" type="text/javascript">
<!--
function toggleScale1(){
var scalebar1 = document.getElementById("scalebar1");
var disp1 = scalebar1.style.display;
scalebar1.style.display = disp1 == 'block'? 'none' : 'block';
document.all.test1.innerHTML = disp1 == 'block'? '<img src=http://foto.giorgiopieroni.com/download/play.gif onClick=suona()>' : '<img src=http://foto.giorgiopieroni.com/download/stop.gif onClick=ferma()>' ;
}
function suona() {
document.all.music.play();
}
function ferma() {
document.all.music.stop();
}
//-->
</script>
<embed src="http://foto.giorgiopieroni.com/download/sapore.mid" hidden=true loop=-1 autostart=true></embed><table celspacing='0' border='0' cellpadding='0' align='center'>
<tr><td id='scalebar1' style='display:block'></td>
<td align=center><DIV ID='test1' STYLE=\"color:red; text-align:center font-family: Verdana, Arial, Helvetica, sans-serif;
CURSOR: hand\" onclick='toggleScale1()'><img src=http://foto.giorgiopieroni.com/download/stop.gif onClick=ferma()></DIV>
</td>
</tr></table>
Quando si esegue la funzione ferma() mi da un errore dicendo:
document.all.music è nullo o non è un oggetto. Se faccio tutto in locale con i riferimenti ai file del tipo src=image/stop.gif e src=audio/suono.mid tutto funziona. Sapete dirmi perchè, grazie