PDA

View Full Version : Loading Progress Bar -Facing object expected problem



ani123
03-18-2008, 12:43 PM
Please give me a solution for this ,

Iam using a function for loading indicator.Actualy that function is to be given in "onLoad" function,but i need to use that function
in onClick event of Button.

Function used :

<script language="javascript">

var w3c=(document.getElementById)?true:false;
var ie=(document.all)?true:false;
var N=-1;
var bars=new Array();
var int;

function statusbar(){
createBar(320,15,'white',1,'black','darkblue',85,7,5);
}

function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks){
if(ie||w3c){
var t='<div style="position:relative; overflow:hidden; width:'+w+'px; height:'+h+'px; background-color:'+bgc+'; border-color:'+brdC+'; border-width:'+brdW+'px; border-style:solid; font-size:1px;">';
t+='<span id="blocks'+(++N)+'" style="left:-'+(h*2+1)+'px; position:absolute; font-size:1px">';
for(i=0;i<blocks;i++){
t+='<span style="background-color:'+blkC+'; left:-'+((h*i)+i)+'px; font-size:1px; position:absolute; width:'+h+'px; height:'+h+'px; '
t+=(ie)?'filter:alpha(opacity='+(100-i*(100/blocks))+')':'-Moz-opacity:'+((100-i*(100/blocks))/100);
t+='"></span>';
}
t+='</span></div>';
document.write("Plese Wait"+t);
var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);
alert(bA.blocks=blocks);
bA.blocks=blocks;
bA.w=w;
bA.h=h;
bars=bA;
int=setInterval('startBar('+N+')',speed);

}

}

function startBar(bn){

var t=bars[bn];

t.style.left=((parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w)? -(t.h*2+1) : parseInt(t.style.left)+t.h+1)+'px';
}

function stop(){
window.clearInterval(int);
}
document.onstop=stop;

</script>


[B]Problem:
Iam facing "object expected problem" when iam using the statusBar() function in onClick event of Button.