Comments on: My Javascript (non-AJAX) Progress / Percentage Bar : jsProgressBarHandler 0.2 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/ A rather geeky/technical weblog by Bram(us) Van Damme Tue, 07 Feb 2012 04:34:38 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: john munro http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1143 john munro Tue, 22 Mar 2011 15:55:21 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1143 Hello. I've managed to set-up the script and get it working with new images but can't find the part of the js that alters th elenght of time the animation takes?? where can i alter this value to slow it down so it takes aorund 5 seconds?? Thanks John Hello.

I’ve managed to set-up the script and get it working with new images but can’t find the part of the js that alters th elenght of time the animation takes?? where can i alter this value to slow it down so it takes aorund 5 seconds??

Thanks

John

]]> By: JavaScript ??/???? http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1142 JavaScript ??/???? Sun, 11 Apr 2010 16:37:56 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1142 [...] ??Javascript based ??? : jsProgressBarHandler 0.2 [...] [...] ??Javascript based ??? : jsProgressBarHandler 0.2 [...]

]]> By: Javascript Progress / Percentage Bar - Themeflash : One Stop For All Your Web Resources http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1141 Javascript Progress / Percentage Bar - Themeflash : One Stop For All Your Web Resources Tue, 11 Aug 2009 13:35:24 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1141 [...] Javascript based Percentage Bar / Progress Bar : jsProgressBarHandler 0.2 [...] [...] Javascript based Percentage Bar / Progress Bar : jsProgressBarHandler 0.2 [...]

]]> By: Bramus! http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1140 Bramus! Thu, 20 Dec 2007 23:57:16 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1140 @Laurent: should be: <code>access20071201 = new JS_BRAMUS.jsProgressBar($('access20071201'), 0);</code> and <code>access20071201.setPercentage('+1');</code> ;) BTW: Version 0.2.1 is up for grabs ;) @Laurent: should be: access20071201 = new JS_BRAMUS.jsProgressBar($('access20071201'), 0); and access20071201.setPercentage('+1'); ;)

BTW: Version 0.2.1 is up for grabs ;)

]]> By: Bram.us » My Maintenance : jsProgressBarHandler 0.2.1 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1139 Bram.us » My Maintenance : jsProgressBarHandler 0.2.1 Thu, 20 Dec 2007 23:49:30 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1139 [...] since version 0.2 of jsProgressBarHandler hit the net earlier this week some extra ideas popped up in my head. New in this version are the ability to show/hide the [...] [...] since version 0.2 of jsProgressBarHandler hit the net earlier this week some extra ideas popped up in my head. New in this version are the ability to show/hide the [...]

]]> By: Laurent http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1138 Laurent Thu, 20 Dec 2007 03:03:37 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1138 I'm sorry but now I have : el has no properties from this line : this.id = el.id; My cgi output is : <span class="progressBar percentImage1" id="access20071201">0%</span> <script language="javascript"> access20071201 = new JS_BRAMUS.jsProgressBar(); </script> <script language="javascript"> access20071201.setPercentage('access20071201','+1'); </script> Thanks fot your help ! I’m sorry but now I have :
el has no properties
from this line :
this.id = el.id;

My cgi output is :
<span class=”progressBar percentImage1″ id=”access20071201″>0%</span>
<script language=”javascript”>
access20071201 = new JS_BRAMUS.jsProgressBar();
</script>
<script language=”javascript”>
access20071201.setPercentage(‘access20071201′,’+1′);
</script>

Thanks fot your help !

]]> By: Javascript Percentage/Progress Bar Handler http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1137 Javascript Percentage/Progress Bar Handler Wed, 19 Dec 2007 13:07:57 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1137 [...] jsProgressBarHandler is a Javascript based percentage / progress bar, inspired from Bare Naked App. Javascript Progress Bar Handler includes two classes, the jsProgressBar class which define a progress bar and a jsProgressBarHandler class which scans your HTML page for span elements with the progressBar-className and automatic creates progress bars. The separation into two classes enables the user to manually create a new jsProgressBar instances on the fly. Click here to check out the the demo and documentation of sweet percentage / progress bar. [...] [...] jsProgressBarHandler is a Javascript based percentage / progress bar, inspired from Bare Naked App. Javascript Progress Bar Handler includes two classes, the jsProgressBar class which define a progress bar and a jsProgressBarHandler class which scans your HTML page for span elements with the progressBar-className and automatic creates progress bars. The separation into two classes enables the user to manually create a new jsProgressBar instances on the fly. Click here to check out the the demo and documentation of sweet percentage / progress bar. [...]

]]> By: Javascript Progress / Percentage Bar http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1136 Javascript Progress / Percentage Bar Tue, 18 Dec 2007 21:26:19 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1136 [...] Javascript based Percentage Bar / Progress Bar : jsProgressBarHandler 0.2 [...] [...] Javascript based Percentage Bar / Progress Bar : jsProgressBarHandler 0.2 [...]

]]> By: Bramus! http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1135 Bramus! Tue, 18 Dec 2007 21:24:47 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1135 @Laurent: no, the documentation is correct ... but the release contained a wrong file (*oops*), please redownload the file ;) The reason you need to use new <code>JS_BRAMUS.jsProgressBarHandler();</code> is because (apparently) you're still using the Handler. The Handler merely is an object which holds several <code>jsProgressBar()</code> instances. If you look at the example (see link in the post above) you'll see that the action to set the percentage for the last progressBar is set on the element; not the handler ;) Anywho, it works for you, so no need to change your code :) @Laurent: no, the documentation is correct … but the release contained a wrong file (*oops*), please redownload the file ;)

The reason you need to use new JS_BRAMUS.jsProgressBarHandler(); is because (apparently) you’re still using the Handler. The Handler merely is an object which holds several jsProgressBar() instances.

If you look at the example (see link in the post above) you’ll see that the action to set the percentage for the last progressBar is set on the element; not the handler ;)

Anywho, it works for you, so no need to change your code :)

]]> By: Laurent http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1134 Laurent Tue, 18 Dec 2007 21:01:06 +0000 http://www.bram.us/2007/12/14/my-javascript-non-ajax-progress-percentage-bar-jsprogressbarhandler-02/#comment-1134 Hello ! I've found what's wrong ! In your documentation, you wrote : firstManualPB = new JS_BRAMUS.jsProgressBar(); in fact, it should be : firstManualPB = new JS_BRAMUS.jsProgressBarHandle(); Then it works fine ! Thanks for your help ! Laurent Hello !

I’ve found what’s wrong !
In your documentation, you wrote :

firstManualPB = new JS_BRAMUS.jsProgressBar();

in fact, it should be :

firstManualPB = new JS_BRAMUS.jsProgressBarHandle();

Then it works fine !
Thanks for your help !

Laurent

]]>