Hi
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]
ocument.getElementById('blocks'+N);
alert(bA.blocks=blocks);
bA.blocks=blocks;
bA.w=w;
bA.h=h;
bars[bars.length]=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>
Problem:
Iam facing "object expected problem" when iam using the statusBar() function in onClick event of Button.
[ March 25, 2008: Message edited by: Bear Bibeault ]