Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : WoW > Progression Box & Guild Bar
JackieBB (Member) 3/31/2011 4:37 AM EST : RE: Progression Box & Guild Bar

JackieBB
Posts: 7

1
Like

0
Dislike

It works !!! Woohoooo!!!

now, one last thing, any chance this thing can be updated automatically, or do i have to manually update it ?

1,000 blessings upon your head, for having the patience and making this work with me, youre freaking awesome !!!!

Thanks !

TopBottom

Mottie (SuperAdmin) 3/31/2011 9:06 AM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

YAY! And sorry, it'll have to be manually updated unless you know of a way to get a list of boss kills from the game. Never heard of an addon or a site that automatically keeps track like that.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Dethmaul (Member) 5/19/2011 12:56 PM EST : RE: Progression Box & Guild Bar
Dethmaul
Posts: 987

0
Like

0
Dislike

Ok Mottie,

I have a head scratcher.

I use this on my site. It is on my main page.

What I want to do and have failed to implement correctly is this.

We have 4 raid teams who all work on different content, and are all different raid styles ranging from a harcore raid team to casual to 25 man.

I would like to have this page show the kills for each team. I have the widgets codes for 3 teams, but what i am noticing is that it is only loading 1 progression-killlist.js file.

I have changed what I think is the correct settings, but I cannot get it to work correctly.

Widget codes
<!-- This code goes in the Free Form Text/HTML widget -->
<link href="http://www.axiomfiles.com/Files/19665/progression-benny.css" rel="stylesheet" />
<script src="http://www.axiomfiles.com/Files/19665/progression-scripts-benny.js" type="text/javascript"></script>
<script src="http://www.axiomfiles.com/Files/19665/progression-benny.js" type="text/javascript"></script>
<style type="text/css">
 
/* Progression box */
#benny { color: #ffffff; }
 
/* Tooltip text */
.progress td { color: #dddddd; }
 
/* Instance name text */
td.instance { color: #cccccc; }
 
/* bosses killed "(5/6)" in the progression box */
td.bossCount { color: #cccccc; }
 
/* Tooltip styles */
td.tooltipHeader { color: #0080ff; }
td.killedBoss { color: #888888; }
td.toKillBoss { color: #dddddd; }
td.killedText { color: #ff0000; }
td.attemptedBoss { color: #00ff00; }
</style>
 
<div id="benny"></div>
<script type="text/javascript">
$(document).ready(function(){
     var progressionOptions = {
     // Add progression box options here
     tooltipWidth         : 300,
     tooltipBossWidth     : 250,
     tooltipKilledWidth   : 80,
     iconHeight           : 30,
     iconWidth            : 30,
     raidingKeyWord       : "No|closed",
     bossKilledKeyWord    : "Killed",
     bossAttemptedKeyWord : "Attempted|%",
     ignore1stColumnCount : true,
     ignore2ndColumnCount : false,
     hide1stColumn        : true,
     hide2ndColumn        : false,
     showAllRows          : true
    };
 
 $('#benny').progression( wowCat, progressionOptions);
});
</script>

The Orange files are files I copied and edited to reflect the changes
The red is what I thought were the entries to define a specific widget

Copy of progression-benny.css.
/********************************
 * Progression Box
 ********************************/
#benny { font-size:90%; color:#ffffff; text-align:center; padding:4px; }
#benny tr, #progSelect { cursor:pointer; }
#benny td, .progression-tooltip td { font-family: Verdana,Tahoma,Segoe,sans-serif; font-size: 12px; }
 
/* Instance name text */
.instance { color:#cccccc; font-size:.8em; }
 
/* Instance image and image cell */
.instanceImgCell { width:30px; }
.instanceImgCell img { vertical-align: middle; border:0px; width:30px; height:30px; }
 
/* bosses killed "(5/6)" in the progression box */
.bossCount { color:#cccccc; vertical-align:middle; }
 
/* Tooltip styles */
.tooltipHeader { color:#0080ff; font-weight:bold; vertical-align:top; }
.killedBoss { color:#888888; text-decoration:line-through; }
.toKillBoss { color:#dddddd; text-decoration:none; }
.killedText { color:#ff0000; }
.attemptedBoss { color: #00ff00; }
 
.hide, #newbanner { display: none; }
.show { display: inline; }

Copy of progression-scripts-benny.js
/*
 * GuildBar & Progression Box Scripts
 *
 * Copyright (c) 2010 Rob Garrison (aka Mottie)
 * Dual licensed under the MIT and GPL licenses.
 *
 */
// GuildBar recruitment
// **********************
$.fn.guildBarRecruit=function(b,h){var a=$.extend({},{recruitTitle:"Recruitment",recruitKeyWord:"Closed",recruitIconsPerRow:10,recruitTooltipWidth:150,linkToRecruitmentPost:"javascript:void(0)"},h),d=$.meta?$.extend({},a,this.data()):a,c='<div><a href="'+d.linkToRecruitmentPost+'">'+d.recruitTitle+"</a></div>";for(a=0;a<b.length;a++){c+='<a href="'+d.linkToRecruitmentPost+'" class="tooltip" rel="'+d.recruitTooltipWidth+'" title="<span class=recruitToolTip>'+b[a][1].replace(/\"/g,""")+"</span><br>"+ b[a][2].replace(/\"/g,""")+'"><img src="'+b[a][0].replace(/\"/g,""")+'"';if(b[a][2].match(d.recruitKeyWord))c+=" class=dim";c+="></a>";if((a+1)%d.recruitIconsPerRow===0)c+="<br>"}c+="</a>";$(this).html(c)};
 
// GuildBar progression
// **********************
$.fn.guildBarProgress=function(b,h){var a=$.extend({},{raidingTitle:"Progression",raidingKeyWord:"No|closed|unknown",bossKilledKeyWord:"Killed",bossAttemptedKeyWord:"Attempted|%",raidingIconsPerRow:10,tooltipBossWidth:275,tooltipKilledWidth:80,linkToRaidingSite:"http://wow.guildprogress.com/"},h);a=$.meta?$.extend({},a,this.data()):a;var d,c,e='<div><a href="'+a.linkToRaidingSite+'">'+a.raidingTitle+"</a></div>";for(d=0;d<b.length;d++){e+='<a href="'+a.linkToRaidingSite+'" class="tooltip" title="<table><tr><td class=raidingToolTip width='+ a.tooltipBossWidth+">"+b[d][1][0].replace(/\"/g,""")+"</td><td align=center valign=top nowrap width="+a.tooltipKilledWidth+">"+b[d][1][1].replace(/\"/g,""")+"</td><td align=center valign=top nowrap width="+a.tooltipKilledWidth+">"+b[d][1][2].replace(/\"/g,""")+"</td></tr>";for(c=2;c<b[d].length;c++){e+="<tr><td";e+=b[d][c][1].match(a.bossKilledKeyWord)&&b[d][c][2].match(a.bossKilledKeyWord)?" class=killedBoss>":">";e+=b[d][c][0].replace(/\"/g,""")+"</td><td align=center";e+=b[d][c][1].match(a.bossAttemptedKeyWord)? " class=attemptedBoss":"";e+=b[d][c][1].match(a.bossKilledKeyWord)?" class=killedText":"";e+=">"+b[d][c][1]+"</td><td align=center";e+=b[d][c][2].match(a.bossAttemptedKeyWord)?" class=attemptedBoss":"";e+=b[d][c][2].match(a.bossKilledKeyWord)?" class=killedText":"";e+=">"+b[d][c][2]+"</td></tr>"}e+='</table>" rel="'+(a.tooltipBossWidth+a.tooltipKilledWidth)+'"><img src="'+b[d][0]+'"';if(b[d][1][1].match(a.raidingKeyWord)||b[d][1][1]===""&&b[d][2][1]==="")e+=" class=dim";e+="></a>";if((d+1)%a.raidingIconsPerRow=== 0)e+="<br>"}e+="</a>";$(this).html(e)};
 
// WOW Progression Box with one or two columns
// **********************
$.fn.progression=function(b,h){var a=$.extend({},{tooltipWidth:300,tooltipBossWidth:250,tooltipKilledWidth:80,iconHeight:30,iconWidth:30,raidingKeyWord:"No|closed",bossKilledKeyWord:"Killed",bossAttemptedKeyWord:"Attempted|%",ignore1stColumnCount:false,ignore2ndColumnCount:false,hide1stColumn:false,hide2ndColumn:false,showAllRows:true},h);a=$.meta?$.extend({},a,this.data()):a;var d,c,e,i,k,j,l,g,f="<center><table class=benny border=0 width='100%'><tbody>";for(c=0;c<b.length;c++){g=typeof b[c][1][2]=== "undefined"?true:false;if(a.hide1stColumn&&!g){a.ignore1stColumnCount=true;a.ignore2ndColumnCount=false}if(a.hide2ndColumn){a.ignore2ndColumnCount=true;a.ignore1stColumnCount=false}l=k=0;f+='<tr class="tooltip';if(!a.showAllRows&&(b[c][1][1].match(a.raidingKeyWord)||b[c][1][1].replace(/\(10 man\)/,"")===""&&b[c][2][1]===""))f+=" hide";f+='" title="<table><tr><td class=tooltipHeader width='+a.tooltipBossWidth+"px>"+b[c][1][0].replace(/\"/g,""");f+=a.hide1stColumn&&!g?"":"</td><td align=center valign=top nowrap width="+ a.tooltipKilledWidth+"px>"+b[c][1][1].replace(/\"/g,""");f+=g||a.hide2ndColumn?"":"</td><td align=center valign=top nowrap width="+a.tooltipKilledWidth+"px>"+b[c][1][2].replace(/\"/g,""");f+="</td></tr>";for(e=2;e<b[c].length;e++){f+="<tr><td";(i=b[c][e][1].match(a.bossKilledKeyWord)?true:false)&&k++;if(!g)(j=b[c][e][2].match(a.bossKilledKeyWord)?true:false)&&l++;if(g||a.hide2ndColumn)f+=i?" class=killedBoss":"";else{d=i&&j?" class=killedBoss":"";if(a.hide1stColumn&&j||a.hide2ndColumn&& i)d=" class=killedBoss";if(a.ignore1stColumnCount&&j||a.ignore2ndColumnCount&&i)d=" class=killedBoss";f+=d}f+=">"+b[c][e][0].replace(/\"/g,""")+"</td>";if(g||!a.hide1stColumn){f+="<td align=center class=";f+=i?"killedText":"";f+=b[c][e][1].match(a.bossAttemptedKeyWord)?" attemptedBoss":" toKillBoss";f+=">"+b[c][e][1]+"</td>"}if(!g&&!a.hide2ndColumn){f+="<td align=center class=";f+=j?"killedText":"";f+=b[c][e][2].match(a.bossAttemptedKeyWord)?" attemptedBoss":" toKillBoss";f+=">"+b[c][e][2]+"</td>"}f+= "</tr>"}f+='</table>" rel='+(a.tooltipBossWidth+a.tooltipKilledWidth)+">";f+='<td><img src="'+b[c][0]+'" height="'+a.iconHeight+'" width="'+a.iconWidth;f+='"></td><td class="instance">'+b[c][1][0]+"</td><td class=bossCount>(";d=g||!a.ignore1stColumnCount||a.ignore2ndColumnCount?k:l;if(!g&&k===b[c].length-2&&!a.ignore2ndColumnCount)d=l;f+=d+"/"+(b[c].length-2)+")</td></tr>"}f+="<tbody></table></center>";$(this).html(f)};
 
$.fn.pickExp=function(b,h){$(this).progression(b,h)};
I am not sure what I am missing, but when I add this, only 1 bosskill.js file is getting loaded for all the widgets.

I want to keep the home page widget complete, as it reflects total guild kills, but I want it broke down per team on the provided page.

Any help?
TopBottom

Mottie (SuperAdmin) 5/19/2011 7:30 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Dethmaul!

Ok, I cleaned up the code a bit, this is what you need to do:
  1. Download this zip file
  2. Go to your file manager and delete the extra scripts you have named "progression-meta.css", "progression-nom.css", "progression-scripts-meta.js", "progression-scripts-nom.js", etc.
  3. You only need one copy of the css and the script, so we'll just use the same one the home page progression box is using.
  4. The "meta.txt" file contains everything that needs to go into the Meta Free Form Text/HTML widget (add while in HTML mode of course)
  5. The "benny.txt" file contains everything that needs to go into the Benny Free Form Text/HTML widget (just one line)
  6. The "nom.txt" file contains everything that needs to go into the Nom Nom Nom Free Form Text/HTML widget (just one line)
  7. A new file named "progression-combined.js" has all three groups data combined inside. The names are different. They aren't all using "wowCat". I named them appropriately. And the code to access them is in the "meta.txt" file including the essential progression box options. I removed most of the options that were already set as default.
If you have any questions, please drop me a line
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Dethmaul (Member) 5/20/2011 10:25 AM EST : RE: Progression Box & Guild Bar
Dethmaul
Posts: 987

0
Like

0
Dislike

That worked beautifully.

I didn't even consider trying to combine them... I wish I was better at coding, but at least I have a great resource in you.

I appreciate your willingness to help us newbs.
TopBottom

Baxtoor (Applicant) 5/29/2011 8:54 AM EST : RE: Progression Box & Guild Bar
Baxtoor
Posts: 390

0
Like

0
Dislike

Hi,
I'm having some problems with the tool tips.

When hovered over this code is shown instead of the "boss killed" status:

 

any ideas?

I have the tool tip code in the footer, but im not 100% sure its in right?




also another issue i've found is that the initial view of "wowCata" doesnt actually display wow cata, i have to click on the icon for it to work any idea on this as well?
TopBottom

Mottie (SuperAdmin) 5/29/2011 9:12 AM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Baxtoor!

It appears that the tooltip script is added correctly and working, but I don't see your progression box to help troubleshoot the problem. Which I can't do without seeing it.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Baxtoor (Applicant) 5/29/2011 9:24 AM EST : RE: Progression Box & Guild Bar
Baxtoor
Posts: 390

0
Like

0
Dislike

try now, was hiding my test page

under joe's stuff

TopBottom

Mottie (SuperAdmin) 5/29/2011 4:07 PM EST : RE: Progression Box & Guild Bar
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Ok it appears the cause of all of the problems is the roster. Once I removed that code, the default expansion and the tooltips started working.

I don't think that roster site is that reliable, so maybe switch to the one GuildPortal is using now.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Baxtoor (Applicant) 5/29/2011 5:10 PM EST : RE: Progression Box & Guild Bar
Baxtoor
Posts: 390

0
Like

0
Dislike

many many many thanks!!!
TopBottom

 
 
Key 
New posts No new posts
New posts ( popular ) No new posts ( popular )
New posts ( sticky ) No new posts ( sticky )
New posts ( locked ) No new posts ( locked )
 
 
Who's Online 
There are   members online.
 
 
So-and-so has logged on!
%title%
%message%