Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Forum Goals with Animated Progress Bar for VB 4.x Details »
Forum Goals with Animated Progress Bar for VB 4.x
Mod Version: 1.92, by BirdOPrey5 (IB Staff) BirdOPrey5 is offline
Developer Last Online: Nov 2018 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (5 votes - 4.80 average) Installs: 62
Released: 24 Jan 2011 Last Update: 27 Mar 2011 Downloads: 425
Not Supported Uses Plugins Auto-Template Re-usable Code Translations  

This mod will display an animated progress bar on your forum index (FORUMHOME) showing your progress as your forum approaches a "goal" you set, (number of posts, number of threads, or number of members.)


NEW IN VERSION 1.92!
Added two new options allowing you to limit this mod to certain usergroups if you so choose.

NEW IN VERSION 1.9!
One more bug with commas in long numbers, especially evident with forums over 1 Million posts (or threads, or members).

New in Version 1.8!
Fixed another bug with languages that use periods instead of commas to separate groups of larger numbers: (1,000 vs. 1.000).

New in Version 1.6:
Fixes bug with people forums where css is stored in the file system.

New in Version 1.5:

You can now choose a non-animated progress bar which uses vBulletin's built in "Poll" graphics instead of the JavaScript and images included. This will work for anyone having JavaScript conflicts. It will also show to anyone with JavaScript disabled in their browser. (Tested in IE8, Firefox, Chrome, Safari) If you won't be using JavaScript you need not upload any files, just import the product. See txt file for full instructions.

Also fixed in Version 1.5- two phrases were changed from "Users" to "Members" to keep wording consistent with goal types.

If Upgrading from version 1.0 simply import the product file, allow overwrite set to "yes."

See screenshots for examples.

Demo: http://www.juot.net/forums/forum.php (Live Demo is VB 3.8, see screenshots below also.)

Optionally you can set a date for the goal and it will display a countdown of days to reach the goal.

All text output is fully phrased so you can easily change the wording to your needs.

In addition the goals output is its own template, forumgoals, which you can further customize as needed.

You can also easily select a custom icon without needing to edit any templates.

Full instructions are included in the zip file.

This was made and tested on 4.0.8 and should work on all 4.0.x/4.1.x versions.

The animated progress par requires JavaScript to display. If JS is disabled a non-animated bar will show.

The progress bar uses a freely distributed JavaScript library available here:
http://www.bram.us/projects/js_bramu...essbarhandler/
"The [JavaScrpt] is now released under a creative commons Attribution-ShareAlike 2.5 license."
  • 2 JavaScript and 2 images to upload
  • 1 custom template
  • 3 plugins
  • 12 phrases

The Phrases used are GLOBAL : bop5goal, bop5goalreached, bop5goals, bop5posts, bop5poststogoal, bop5threads, bop5threadstogoal, bop5users, bop5userstogoal, bopdaystogoal , bopgoaldate, bopovertime


Please Mark as Installed if you use this!

VB 3.x version here.

Known Conflicts!
This mod has a known conflict with the TW7S - New Way To Display Notifications mod. See post # 37 to resolve this.

Basically if you have any mod that calls the jquery javascript library you must make sure the call to the jquery library happens BEFORE this mod's javascript files are called- usually that means moving jquery calls to the top of your headinclude template.

The way to know if this is your problem is if the progress bar doesn't show (but the rest of the table does) AND when you view source of your forumhome page you see the following two lines are in the code:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

If those two lines are there it means this mod is working bu javascript is conflicting preventing the progress bar from showing.

English: Download .zip file. (Version 1.92)
Arabic: Download .xml file. (Version 1.0) (Translated by Dr. osamA)

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	forumgoalsvb4-1.jpg
Views:	2781
Size:	82.8 KB
ID:	126016   Click image for larger version

Name:	forumgoalsvb4-2.jpg
Views:	1564
Size:	77.1 KB
ID:	126017   Click image for larger version

Name:	forumgoalsvb4-0.jpg
Views:	780
Size:	109.6 KB
ID:	126078   Click image for larger version

Name:	forumgoalsvb4-3.jpg
Views:	780
Size:	57.3 KB
ID:	126079  

Click image for larger version

Name:	fg_nonanim2.jpg
Views:	1054
Size:	35.3 KB
ID:	126080   Click image for larger version

Name:	fg_nonanim1.jpg
Views:	967
Size:	38.6 KB
ID:	126081  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Forum Home Enhancements Forum Goals with Animated Progress Bar BirdOPrey5 vBulletin 3.8 Add-ons 37 22 May 2013 18:03

Comments
  #2  
Old 24 Jan 2011, 02:34
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Reserved.
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #3  
Old 24 Jan 2011, 03:41
Juggernaut's Avatar
Juggernaut Juggernaut is offline
 
Join Date: Dec 2009
This looks nice, but I can't get the progress bar to look like in your forum when I select : forum_stats.png, as the goal icon.
Reply With Quote
  #4  
Old 24 Jan 2011, 05:18
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
My demo site is vBulletin 3.8, it has different images than vBulletin 4.x. On 3.8 the image is called stats.gif but it's not included in VB4, you might have it if you upgraded from VB 3.x.

The "new" image for VB4 is forum_stats.png, it should be the same as I have in my screen shots- but if you customized your images it could be anything.

Here are the default images if you need them. Put them in your images/misc directory and rename them so you don't overwrite the existing image(s)- then change the setting to point to the new file name.

If you're having another issue please give me a link to your forum I will check it out.
Attached Images
File Type: gif stats.gif (1.4 KB, 4504 views)
File Type: png forum_stats.png (3.1 KB, 4496 views)
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #5  
Old 24 Jan 2011, 05:26
Juggernaut's Avatar
Juggernaut Juggernaut is offline
 
Join Date: Dec 2009
Actually I meant to say that the progress bar is not visible in my forum, the icon to the left of the progress bar is there, just the bar, I can't see, neither in Chrome or Explorer 8.
Reply With Quote
  #6  
Old 24 Jan 2011, 05:31
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
That's usually a problem with the javascript files perhaps not being uploaded in the right place, or possible a missing template hook... can I get a link to your forum? PM me if you don't want it public.
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #7  
Old 24 Jan 2011, 05:36
Juggernaut's Avatar
Juggernaut Juggernaut is offline
 
Join Date: Dec 2009
PM sent.
Reply With Quote
  #8  
Old 24 Jan 2011, 05:42
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
I see the JavaScript files aren't loading for some reason on your page... I wonder if your style is missing the hook or possibly a poorly written mod could be hijacking the hook and not letting any other mods use it.

If you want to try and trouble shoot open your headinclude template and look if you have the line:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

anywhere in it... if you don't, add it in at the bottom.

If you just want it to work manually add the following to the bottom of your headinclude template:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #9  
Old 24 Jan 2011, 05:50
Juggernaut's Avatar
Juggernaut Juggernaut is offline
 
Join Date: Dec 2009
Thank you, your second fix did the trick. I did see the {vb:raw template_hook.headinclude_javascript} inside head include, but it still wasn't loading. And I moved it to the bottom of the template, but with no results, the manual edit you provided helped with my issue however. Thank you very much.
Reply With Quote
  #10  
Old 24 Jan 2011, 05:51
MAdotcom MAdotcom is offline
 
Join Date: Aug 2010
Cool mod, I will probably install this in the next few days
Reply With Quote
  #11  
Old 24 Jan 2011, 05:52
BirdOPrey5's Avatar
BirdOPrey5 BirdOPrey5 is offline
 
Join Date: Jun 2008
Real name: Joe D.
Originally Posted by Juggernaut View Post
Thank you, your second fix did the trick. I did see the {vb:raw template_hook.headinclude_javascript} inside head include, but it still wasn't loading. And I moved it to the bottom of the template, but with no results, the manual edit you provided helped with my issue however. Thank you very much.
Cool.

Originally Posted by MAdotcom View Post
Cool mod, I will probably install this in the next few days
__________________
-Joe
Former vBulletin.org Staff Member

(@BirdOPrey5) Former vb.org Moderator. Fighting for a free & independent vb.org.
BirdOPrey5.com - Exclusive VB Mods! (Formerly Qapla.com) | Joe's Ultimate Off Topic
Note - I do not read my PMs often, do not expect quick replies.
Reply With Quote
  #12  
Old 24 Jan 2011, 06:58
vidan vidan is offline
 
Join Date: Feb 2008
Hello, i have request to have this module in this addon
under the goal bar, put like this:
You have contribute xx% of 100% [boardname] Goals!
Reply With Quote
  #13  
Old 24 Jan 2011, 07:13
The_____KinG The_____KinG is offline
 
Join Date: Apr 2008
Can the modification be added to show donation goals too ?

also would like to see 3 bars just like the poll bars to set 3 different conditions for goals ( members , posts , threads) would be nice to place it below the WGO box

thanks a lot will try to install this
Reply With Quote
  #14  
Old 24 Jan 2011, 09:19
ellinofatsa's Avatar
ellinofatsa ellinofatsa is offline
 
Join Date: Mar 2010
hi thank you for this hack its nice!!!!!!!

i need litle help i dont see the bar i have upload oll the files thank you!!!


you cen see in my forum http://www.ellinofatsa.gr/forums/forum.php
__________________
thanks for time
Reply With Quote
  #15  
Old 24 Jan 2011, 12:12
tdkmatt tdkmatt is offline
 
Join Date: Jan 2011
How Do you edit the background color? you can see mine

www.fatalitynetworking.com/forum
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 15:08.

Layout Options | Width: Wide Color: