SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: progress bar

  1. #1
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    progress bar

    Hello ...

    Please i have a progress mod for an upload script it shows a how many Mbs are uploaded like this

    Uploading blablabla MB ... and it keep up untill finish

    i want to make a bar that shows progress upove this prgress mod.

    here is the full js code
    Code:
    /**
     * Object BytesUploaded
     * 	With a dedicated server file it should know how many bytes are uploading.
     *      Look at http://www.devpro.it/upload_progress/ to know more
     *
     * @dependencies	LoadVars JavaScritp File: [ http://www.devpro.it/javascript_id_92.html ]
     *			dedicated PHP or server file [look at the bottom of this file to view an example]
     * @author              Andrea Giammarchi
     * @site		www.devpro.it
     * @date                2005/09/21
     * @lastmod             2005/09/22 16:00
     * @version             0.1 stable 
     */
    function BytesUploaded(
    		phpFile, 	// Contructor needs php or server filename to read informations
    		latency 	// Milliseconds for each request during upload, default 1000, min value 50
    	) { 
    	
    	/**
    	 * Public method
             * 	Starts this application, set div or generic html id to write
             *      informations while uploading.
             *
             *      this.start( htmlid:String ):Boolean
             *
             * @Param	String		valid div, span or other page unique id to show information
             * @Return	Boolean		True to submit the form
    	 */
    	function start(htmlid) {
    		__filemonitor.htmlid = htmlid;
    		__fileloaderInterval = setTimeout(__readFileSize, 10);
    		return true;
    	}
    	
    	/** LIST OF ALL PRIVATE METHODS [ uncommented ] */
    	function __fSize(size, dec) {
    		if(!dec || dec < 0)
    			dec = 2;
    		var times = 0;
    		var nsize = Number(size);
    		var toEval = '';
    		var type = Array( 'bytes', 'Kb', 'Mb', 'Gb', 'Tb', 'Zb' );
    		while( nsize > 1024 ) {
    			nsize = nsize / 1024;
    			toEval += ' / 1024';
    			times++;
    		}
    		if( times > 0 )
    			eval( 'size = ( size' + toEval + ' );' );
    		if(dec > 0) {
    			var moltdiv = '(';
    			while(dec > 0) {
    				moltdiv += '10*';
    				dec--;
    			}
    			moltdiv = moltdiv.substr(0, (moltdiv.length - 1)) + ')';
    			eval( 'size = Math.round(size * ' + moltdiv + ') / ' + moltdiv + ';' );
    		}
    		return size + ' ' + type[times];
    	}
    	function __readFileSize() {
    		__filemonitor.load(phpFile);
    	}
    	
    	/** DECLARATION OF ALL PUBLIC METHODS */
    	this.start = start;	// function to start this application
    	
    	/** PRIVATE VARIABLES */
    	var __fileloaderInterval = 0;
    	var __maybesomethingwrong = 0;
    	var __filemonitor = new LoadVars();
    	__filemonitor.onLoad = function(s) {
    		var whatsup = '';
    		if(s && this.filesize && this.filesize != 'undefined')
    			whatsup = 'Uploading ' + __fSize(this.filesize) + ' ...';
    		else if(this.filesize && this.filesize == 'undefined') {
    			whatsup = 'Waiting a response from temp folder ...';
    			if(__maybesomethingwrong++ > 10) {
    				__fileloaderInterval = 0;
    				whatsup = 'Temp folder seems to be not valid.';
    			}
    		}
    		else {
    			whatsup = 'Unable to find server informations.';
    			__fileloaderInterval = 0;
    		}
    		document.getElementById(this.htmlid).innerHTML = whatsup;
    		delete this.filesize;
    		if(__fileloaderInterval != 0)
    			__fileloaderInterval = setTimeout(__readFileSize, latency);
    	}
    	if(!latency || latency < 50)
    		latency = 1000;
    }
    want to generate the bar exactlly before

    Code:
    		if(s && this.filesize && this.filesize != 'undefined')
    			whatsup = 'Uploading ' + __fSize(this.filesize) + ' ...';
    Thanks in advanced ....

  2. #2
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    is it very difficult to make such as progress bar ????

  3. #3
    SitePoint Enthusiast
    Join Date
    Feb 2006
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i attached the upload progress files so i wish any one take alook on it and tell me if it is possible to make such as bar or not !
    Attached Files Attached Files


Bookmarks

Posting Permissions

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