PDA

Click to See Complete Forum and Search --> : xmlhttprequest based wav preloader

livinasask8er
05-01-2006, 07:36 PM
this code is supposed to preload 48 drum samples (.wav) for my virtual drum set. i've redesigned my old code (based on onreadystatechange) and it loads the first sound, but doesn't do anything after that. i've posted the page with this code here: http:/playthis.cabspace.com/preload.htm. this code is intended to work with IE:

<html>
<head>
<TITLE>loading drum samples...</TITLE>
<script language="javascript">
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
var loadd=1;
var zeroz="0";
var surl="01.wav";
function preloadaud() {
if (xmlhttp.readyState==4) { if (xmlhttp.status==200) {
if (loadd==48) { window.location="index.html"; }
if (loadd>9) { zeroz=""; }
if (loadd<48) {
document.images['prog'+loadd].src="progress-fill.png"; loadd=loadd+1; surl=zeroz+loadd+".wav"; preloadst(); }
}
else { alert("error loading, try refreshing the page"); }
}
}
function preloadst() {
xmlhttp.open("GET",surl,false); xmlhttp.send(null);
}
xmlhttp.onreadystatechange=preloadaud;
</script>
</head>
<body onload='setTimeout("preloadst()",1000)'>
<center>
<BR>
<font size=2>Keyboard Drums</font>
<BR>
loading drum sounds (about 9.7 Mb)...
<BR>
<TABLE cellpadding=0 cellspacing=1>
<TD align=center><img name=prog1 src=progress-empty.png></TD>
<TD align=center><img name=prog2 src=progress-empty.png></TD>
<TD align=center><img name=prog3 src=progress-empty.png></TD>
<TD align=center><img name=prog4 src=progress-empty.png></TD>
<TD align=center><img name=prog5 src=progress-empty.png></TD>
<TD align=center><img name=prog6 src=progress-empty.png></TD>
<TD align=center><img name=prog7 src=progress-empty.png></TD>
<TD align=center><img name=prog8 src=progress-empty.png></TD>
<TD align=center><img name=prog9 src=progress-empty.png></TD>
<TD align=center><img name=prog10 src=progress-empty.png></TD>
<TD align=center><img name=prog11 src=progress-empty.png></TD>
<TD align=center><img name=prog12 src=progress-empty.png></TD>
<TD align=center><img name=prog13 src=progress-empty.png></TD>
<TD align=center><img name=prog14 src=progress-empty.png></TD>
<TD align=center><img name=prog15 src=progress-empty.png></TD>
<TD align=center><img name=prog16 src=progress-empty.png></TD>
<TD align=center><img name=prog17 src=progress-empty.png></TD>
<TD align=center><img name=prog18 src=progress-empty.png></TD>
<TD align=center><img name=prog19 src=progress-empty.png></TD>
<TD align=center><img name=prog20 src=progress-empty.png></TD>
<TD align=center><img name=prog21 src=progress-empty.png></TD>
<TD align=center><img name=prog22 src=progress-empty.png></TD>
<TD align=center><img name=prog23 src=progress-empty.png></TD>
<TD align=center><img name=prog24 src=progress-empty.png></TD>
<TD align=center><img name=prog25 src=progress-empty.png></TD>
<TD align=center><img name=prog26 src=progress-empty.png></TD>
<TD align=center><img name=prog27 src=progress-empty.png></TD>
<TD align=center><img name=prog28 src=progress-empty.png></TD>
<TD align=center><img name=prog29 src=progress-empty.png></TD>
<TD align=center><img name=prog30 src=progress-empty.png></TD>
<TD align=center><img name=prog31 src=progress-empty.png></TD>
<TD align=center><img name=prog32 src=progress-empty.png></TD>
<TD align=center><img name=prog33 src=progress-empty.png></TD>
<TD align=center><img name=prog34 src=progress-empty.png></TD>
<TD align=center><img name=prog35 src=progress-empty.png></TD>
<TD align=center><img name=prog36 src=progress-empty.png></TD>
<TD align=center><img name=prog37 src=progress-empty.png></TD>
<TD align=center><img name=prog38 src=progress-empty.png></TD>
<TD align=center><img name=prog39 src=progress-empty.png></TD>
<TD align=center><img name=prog40 src=progress-empty.png></TD>
<TD align=center><img name=prog41 src=progress-empty.png></TD>
<TD align=center><img name=prog42 src=progress-empty.png></TD>
<TD align=center><img name=prog43 src=progress-empty.png></TD>
<TD align=center><img name=prog44 src=progress-empty.png></TD>
<TD align=center><img name=prog45 src=progress-empty.png></TD>
<TD align=center><img name=prog46 src=progress-empty.png></TD>
<TD align=center><img name=prog47 src=progress-empty.png></TD>
<TD align=center><img name=prog48 src=progress-empty.png></TD>
</TABLE>
<BR>
</center>
</body>
</html>

thanks.
phpnovice
05-01-2006, 09:06 PM
Your problem is here:
function preloadst() {
xmlhttp.open("GET",surl,false); xmlhttp.send(null);
}
xmlhttp.onreadystatechange=preloadaud;
You are only supposed to assign an onreadystatechange handler if you specify (or take the default of) true for the third argument to the open() method.

http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/open.asp