Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unhappy Help with progressbar.js, it looks good in Internet Explorer, but not in Firefox.

    Help with progressbar.js, it looks good in Internet Explorer, but not in Firefox. Help me please.
    Everytime i upload something using internet explorer, the progress bar is in the middle of the page, and looks GREat.
    But when using firefox, when i try to upload soemthing, the progress bar moved to the left, instead of being in the middle.
    Could someone help me fix this problem, so when i upload files using firefox, the progressbar stayed in the middle?

    PLEASE HELP


    Below is "Progressbar.js"

    Code:
        var w3c=(document.getElementById)?true:false;
        var ie=(document.all)?true:false;
        var N=-1;
    
        function createBar(w,h,bgc,brdW,brdC,blkC,speed,blocks,count,action){
        if(ie||w3c){
        var t='<div id="_xpbar'+(++N)+'" style="visibility:visible; 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(t);
        var bA=(ie)?document.all['blocks'+N]:document.getElementById('blocks'+N);
        bA.bar=(ie)?document.all['_xpbar'+N]:document.getElementById('_xpbar'+N);
        bA.blocks=blocks;
        bA.N=N;
        bA.w=w;
        bA.h=h;
        bA.speed=speed;
        bA.ctr=0;
        bA.count=count;
        bA.action=action;
        bA.togglePause=togglePause;
        bA.showBar=function(){
        this.bar.style.visibility="visible";
        }
        bA.hideBar=function(){
        this.bar.style.visibility="hidden";
        }
        bA.tid=setInterval('startBar('+N+')',speed);
        return bA;
        }}
    
        function startBar(bn){
        var t=(ie)?document.all['blocks'+bn]:document.getElementById('blocks'+bn);
        if(parseInt(t.style.left)+t.h+1-(t.blocks*t.h+t.blocks)>t.w){
        t.style.left=-(t.h*2+1)+'px';
        t.ctr++;
        if(t.ctr>=t.count){
        eval(t.action);
        t.ctr=0;
        }}else t.style.left=(parseInt(t.style.left)+t.h+1)+'px';
        }
    
        function togglePause(){
        if(this.tid==0){
        this.tid=setInterval('startBar('+this.N+')',this.speed);
        }else{
        clearInterval(this.tid);
        this.tid=0;
        }}
    
        function togglePause(){
        if(this.tid==0){
        this.tid=setInterval('startBar('+this.N+')',this.speed);
        }else{
        clearInterval(this.tid);
        this.tid=0;
        }}

  • #2
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Help Me Please>..

    In Need
    Please.

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    HELP ME PLEAse....

    THANKS A LOT!!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •