Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Archive > Progression Box
Mottie (SuperAdmin) 3/14/2009 12:48 PM EST : Progression Box v2.2 (Ulduar)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Progression Box: Basic (no tooltip) | v1.0 | v2 (Latest) | v3.0 (Images Only)

Progression Box v2.2 (Ulduar)



This update includes a few changes:
  1. The WotLK tooltips now include both the 10 man and 25 man progress, the progress counter will show 10 man progress until all the bosses are killed, then it will switch to 25 man progress.
  2. Added the bosses in the upcoming Ulduar patch, the icon above is a temporary one which will be replace by the more "official" icon when one is available.
  3. Added the "attemptedBoss" class that adds a different color for attempted bosses using a keyword.

Content Box

<style type="text/css">
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }

/* Instance name text */
.instance { color:#cccccc; font-size: 10pt; }

/* Instance image and image cell */
.instanceImgCell { width:30px; }
.instance img { vertical-align: middle; border:0px; }

/* bosses killed "(5/6)" in the progression box */
.bossCount { color:#cccccc; vertical-align:middle; }

/* Tooltip styles */
#dhtmltooltip table { color:#ffffff; }
.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 { display: none; }
.show { display: inline; }
</style>
<div style="text-align:center">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-1.png" title="World of Warcraft" onclick="pickExp(wowOrig);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-2.png" title="The Burning Crusade" onclick="pickExp(wowTBC);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-3.png" title="Wrath of the Lich King" onclick="pickExp(wowWotLK);">
<div id="progBox"></div>
</div>

<script type="text/javascript">
var wowOrig = new Array();
var wowTBC = new Array();
var wowWotLK = new Array();

// Tooltip width and progression icon size
var tooltipWidth = 300;
var tooltipBossWidth = 250;
var tooltipKilledWidth = 80;
var iconHeight = 30;

// Text in progression box and tooltip, see CSS for color
var raidingKeyWord = "No|closed";
var bossKilledKeyWord = "Killed";
var bossAttemptedKeyWord = "Attempted|%";

// The displayed count will default to 10 man bosses until the instance is 100% completed,
// it will then switch to the 25 man boss count. If the variable below is true, the count
// will start and display only the 25 man progression.
var ignore10manCount = false;

// Setting this to true will show ALL rows, even if you have never been there
// setting it to false will hide rows that match the "raidingKeyWord" above
var showAllRows = true;

// Default displayed progression
var defaultWoW = wowWotLK;

/*
 Boss Information
 ********************************************
- Each progression variable is set up as follows:
   progress.push ([
    ["Thumbnail Image URL"]
   ,["Instance Name", "Instance Status"]
   ,["Instance Boss #1", "Boss #1 Status"]
   ,["Instance Boss #2", "Boss #2 Status"]
   ,   ...
   ,["Last Instance Boss", "Last Boss Status"]

   ]);
 ******************************************** */

/* ********************************************
   Original WoW
   ******************************************** */
// Zul'Gurub
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/zg.gif"]
,["Zul'Gurub", "Farm"]
,["High Priestess Jeklik (Bat)", "Killed"]
,["High Priest Venoxis (Snake)", "Killed"]
,["High Priestess Mar'li (Spider)", "Killed"]
,["High Priest Thekal (Tiger)", "Killed"]
,["High Priestess Arlokk (Panther)", "Killed"]
,["Hakkar the Soulflayer", "Killed"]
,["Bloodlord Mandokir", "Killed"]
,["Jin'do the Hexxer", "Killed"]
,["Gahz'ranka", "Killed"]
,["Edge of Madness", "Killed"]

]);

// AQ20
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq20.gif"]
,["Ruins of Ahn'Qiraj", "Farm"]
,["Kurinnaxx", "Killed"]
,["General Rajaxx", "Killed"]
,["Moam", "Killed"]
,["Buru the Gorger", "Killed"]
,["Ayamiss the Hunter", "Killed"]
,["Ossirian the Unscarred", "Killed"]

]);

// Onyxia
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "Farm"]
,["Onyxia", "Killed"]

]);

// Molten Core
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/mc.gif"]
,["Molten Core", "Farm"]
,["Lucifron", "Killed"]
,["Magmadar", "Killed"]
,["Gehennas", "Killed"]
,["Garr", "Killed"]
,["Baron Geddon", "Killed"]
,["Shazzrah", "Killed"]
,["Sulfuron Harbinger", "Killed"]
,["Golemagg the Incinerator", "Killed"]
,["Majordomo Executus", "Killed"]
,["Ragnaros", "Killed"]

]);

// Black Wing Lair
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/bwl.gif"]
,["Black Wing Lair", ""]
,["Razorgore the Untamed", "Killed"]
,["Vaelastrasz", "Killed"]
,["Broodlord Lashlayer", "Killed"]
,["Firemaw", "Killed"]
,["Ebonroc", "Killed"]
,["Flamegor", "Killed"]
,["Chromaggus", "Killed"]
,["Nefarian", "60%"]

]);

// AQ40
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq40.gif"]
,["Temple of Ahn'Qiraj", ""]
,["The Prophet Skeram", "Killed"]
,["Vem, Yaul and Kri", "Killed"]
,["Battleguard Sartura", "Killed"]
,["Fankriss the Unyeilding", "Killed"]
,["Viscidus", "Killed"]
,["Princess Huhuran", "Killed"]
,["The Twin Emperors", "Killed"]
,["Ouro the Sandworm", "30%"]
,["C'Thun", ""]

]);

// Nax
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nax.gif"]
,["Naxxramas", ""]
,["AW:Patrchwerk", "Killed"]
,["AW:Grobbulus", "Killed"]
,["AW:Gluth", "Killed"]
,["AW:Thaddius", "Killed"]
,["PW:Noth the Plaguebringer", "Killed"]
,["PW:Heigan the Unclean", "Killed"]
,["PW:Loatheb", ""]
,["SW:Anub'Rekhan", "Killed"]
,["SW:Grand Widow Faerlina", ""]
,["SW:Maexxna", ""]
,["DW:Instructor Razuvious", "Killed"]
,["DW:Gothik the Harvester", ""]
,["DW:The Four Horsemen", ""]
,["FL:Sapphiron", ""]
,["KC:Kel'Thuzad", ""]

]);

/* ********************************************
   The Burning Crusade
   ******************************************** */
// KARAZHAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Kar.gif"]
,["Karazhan", "(Farm)"]
,["Animal Boss", "Killed"]
,["Attumen the Huntsman", "Killed"]
,["Moroes", "Killed"]
,["Maiden of Virtue", "Killed"]
,["Opera Event", "Killed"]
,["Nightbane", "Killed"]
,["The Curator", "Killed"]
,["Shade of Aran", "Killed"]
,["Terestian Illhoof", "Killed"]
,["Netherspite", "Killed"]
,["Chess Event", "Killed"]
,["Prince Malchezaar", "Killed"]

]);

// ZUL'AMAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ZA.gif"]
,["Zul'Aman", "(in progress)"]
,["Nalorakk", "Killed"]
,["Akil'Zon", "Killed"]
,["Jan'Alai", "Killed"]
,["Halazzi", "Killed"]
,["Malacrass", "60%"]
,["Zul'jin", ""]

]);

// DOOM LORD KAZZAK
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DLK.gif"]
,["Doom Lord Kazzak", "Noogied us"]
,["Doom Lord Kazzak", ""]

]);

// DOOMWALKER
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DW.gif"]
,["Doomwalker", ""]
,["Doomwalker", ""]

]);

// GRUUL'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GL.gif"]
,["Gruul's Lair", "(Farm)"]
,["High King Maulgar", "Killed"]
,["Gruul", "Killed"]

]);

// MAGTHERIDON'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Mag.gif"]
,["Magtheridon's Lair", "(Farm)"]
,["Magtheridon", "Killed"]

]);

// SERPENTSHRINE CAVERN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SSC.gif"]
,["Serpentshrine Cavern", ""]
,["Lurker", "Killed"]
,["Hydross", "Killed"]
,["Morogrim", "Killed"]
,["Leotheras", "Killed"]
,["Karathress", "Killed"]
,["Lady Vashj", "Killed"]

]);

// THE EYE, TEMPEST KEEP
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/TK.gif"]
,["The Eye", ""]
,["Void Reaver", "Killed"]
,["Al'ar", "Killed"]
,["Solarian", "Killed"]
,["Kael'thas", "Killed"]

]);

// BATTLE FOR MOUNT HYJAL
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/MH.gif"]
,["Battle for Mount Hyjal", "(in progress)"]
,["Rage Winterchill", "Killed"]
,["Anetheron", "Killed"]
,["Kaz'rogal", "Killed"]
,["Azgalor", "Killed"]
,["Archimonde", "10%"]

]);

// BLACK TEMPLE
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/BT.gif"]
,["Black Temple", "(in progress)"]
,["High Warlord Naj'entus", "Killed"]
,["Supremus", "Killed"]
,["Shade of Akama", "Killed"]
,["Teron Gorefiend", "40%"]
,["Gurtogg Bloodboil", ""]
,["Reliquary of Souls", ""]
,["Mother Shahraz", ""]
,["The Illidari Council", ""]
,["Illidan Stormrage", ""]

]);

// SUNWELL PLATEAU
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SP.gif"]
,["Sunwell Plateau", ""]
,["Kalecgos", ""]
,["Brutallus", ""]
,["Felmyst", ""]
,["Eredar Twins", ""]
,["M'uru", ""]
,["Kil'jaeden", ""]

]);

/* ********************************************
   Wrath of the Lich King
   ******************************************** */
// NAXXRAMAS II
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"]
,["Naxxramas II", "(10 man)<br>In Progress", "(25 man)"]
,["AW:Patchwerk", "Killed", "Killed"]
,["AW:Grobbulus", "Killed", "20%"]
,["AW:Gluth", "Killed", ""]
,["AW:Thaddius", "Attempted", ""]
,["PW:Noth the Plaguebringer", "Attempted", ""]
,["PW:Heigan the Unclean", "", ""]
,["PW:Loatheb", "", ""]
,["SW:Anub'Rekhan", "Killed", "Ouchy"]
,["SW:Grand Widow Faerlina", "Killed", ""]
,["SW:Maexxna", "", ""]
,["DW:Instructor Razuvious", "Killed", ""]
,["DW:Gothik the Harvester", "", ""]
,["DW:The Four Horsemen", "", ""]
,["FL:Sapphiron", "", ""]
,["KC:Kel'Thuzad", "", ""]
]);

// VAULT OF ARCHAVON
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]
,["Vault of Archavon", "(10 man)", "(25 man)"]
,["Archavon the Stone Watcher", "Killed", "Killed"]
,["Emalon the Storm Watcher","",""]
]);

// CHAMBER OF ASPECTS - OBSIDIAN SANCTUM
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"]
,["Chamber of Aspects", "(10 man)", "(25 man)"]
,["Sartharion the Onyx Guardian", "Killed", "Killed"]
,["Sartharion + 1 Drake", "", ""]
,["Sartharion + 2 Drakes", "", ""]
,["Sartharion + 3 Drakes", "", ""]

]);

// THE EYE OF ETERNITY
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"]
,["The Eye of Eternity", "(10 man)", "(25 man)"]
,["Malygos", "Attempted", ""]
]);

// ULDUAR
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Uld.gif"]
,["Ulduar", "(10 man)", "(25 man)"]
,["Flame Leviathan", "", ""]
,["Ignis the Furnace Master", "", ""]
,["Razorscale", "", ""]
,["XT-002 Deconstructor", "", ""]
,["The Iron Council", "", ""]
,["Kologarn", "", ""]
,["Auriya", "", ""]
,["Mimiron", "", ""]
,["Watcher Freya", "", ""]
,["Watcher Thorim", "", ""]
,["Watcher Hodir", "", ""]
,["General Vezax", "", ""]
,["Yogg-Saron", "", ""]
,["Algalon the Observer", "", ""]
]);

// AZJOL-NERUB RAID
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Azjol-Nerub Raid", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
]);

// ICECROWN CITADEL
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Icecrown Citadel", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
,["The Lich King", "", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultWoW);
function pickExp(ex) {
 if (String(top.name).substring(0,4) == "Edit") { return; }
 var sQ = "&#92;&#39;";
 var pb = "<center><table class=progBox border=0 width='100%'><tbody>";
 raidClassic = (ex[0][1][0].match("Zul'Gurub|Karazhan")) ? true : false;
 for (var inst=0; inst < ex.length; inst++) {
     var killed10 = 0;
     var killed25 = 0;
  pb += "<tr =\"hideddrivetip()\"";
   if (!showAllRows&&(ex[inst][1][1].match(raidingKeyWord)||(ex[inst][1][1].replace(/\(10 man\)/,'')==""&&ex[inst][2][1]==""))) pb += " class=hide";
  pb += " =\"ddrivetip('<table><tr><td class=tooltipHeader width=" + tooltipBossWidth + "px>" + ex[inst][1][0].replace(/\'/g,sQ);
  pb += "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][1].replace(/\'/g,sQ);
  pb += (raidClassic) ? "" : "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][2].replace(/\'/g,sQ);
  pb += "</td></tr>";
  for (var boss=2; boss<(ex[inst].length); boss++) {
   pb += "<tr><td";
   var boss10 = (ex[inst][boss][1].match(bossKilledKeyWord)) ? true : false;
   if (raidClassic) {
    pb += (boss10) ? " class=killedBoss>" : ">";
   } else {
    var boss25 = (ex[inst][boss][2].match(bossKilledKeyWord)) ? true : false;
    pb += (boss10 && boss25) ? " class=killedBoss>" : ">";
   }
   pb += ex[inst][boss][0].replace(/\'/g,sQ) + "</td><td align=center";
   pb += (boss10) ? " class=killedText" : "";
   pb += (ex[inst][boss][1].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
   if (boss10) killed10++;
   pb += ">" + ex[inst][boss][1] + "</td>";
   if (!raidClassic) {
    pb += "<td align=center";
    pb += (boss25) ? " class=killedText" : "";
    pb += (ex[inst][boss][2].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    if (boss25) killed25++;
    pb += ">" + ex[inst][boss][2] +"</td>";
   }
   pb += "</tr>";
  }
  pb += "</table>', '', '" + (tooltipBossWidth + tooltipKilledWidth) + "');\" >"
  pb += "<td><img src=\"" + ex[inst][0] + "\" height=\"" + iconHeight + "\" width=\"" + iconHeight;
  pb += "\"></td><td class=\"instance\">" + ex[inst][1][0] + "</td><td class=bossCount>(";
  if (raidClassic) {
   pb += killed10;
  } else {
   pb += (!ignore10manCount && killed10 < ex[inst].length-2) ? killed10 : killed25;
  }
  pb += "/" + (ex[inst].length-2) + ")</td></tr>";
 }
 pb += "</table>";
 $('#progBox').html(pb);
}
</script>

Customizing the Script

    1. In the CSS, you'll see a "#dhtmltooltip". This CSS class is for the default text color inside the tooltip

      #dhtmltooltip table { color:#ffffff; }
    2. In the javascript, there are two new variables that set the width of the tooltip table cells. "tooltipBossWidth" is the width of the instance name box and "tooltipKilledWidth" is the width of the counter box - the box that contains "(10/10)".

      var tooltipBossWidth = 250;
      var tooltipKilledWidth = 80;
    3. The javascript now contains a new variable called "ignore10manCount". Setting this to true will make the instance count ignore 10 man progression and only display the 25 man boss count. It does not effect the line through of the boss name when it is killed in both 10 man and 25 man instances.

      var ignore10manCount = false;
    4. You can't use the separator code that was part of version 2.1 anymore... I'll add it back if people say they need it.
Edit (4/13/2009): Updated the code above to add the "attemptedBoss" class
Edit (4/24/2009): Added new boss to VoA
Edit (4/27/2009): Added an "ignore10manCount" variable and description into the customizing section.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Dethmaul (Member) 4/13/2009 1:48 PM EST : RE: Progression Box v2.2 (Ulduar)
Dethmaul
Posts: 987

0
Like

0
Dislike

can you incorporate the variable from the Guild Bar 1.21 into the Guild progression 2.2 for the attempted boss.

I am assuming these are all the necessary changes but i am not a coderblink

.attemptedBoss { color: #00ff00; }

var bossAttemptedKeyWord = "Attempted|%";

pb += (progress[inst][boss][1].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";

pb += (progress[inst][boss][2].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";


I thought I had the color and var sections in the correct place, but the pb entries completely nuked all but the expansion selection icons.
TopBottom

Mottie (SuperAdmin) 4/13/2009 9:47 PM EST : RE: Progression Box v2.2 (Ulduar)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Dethmaul!

Done... edited the above post with the changes
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Bob_Laublaw (Member) 4/27/2009 1:28 PM EST : RE: Progression Box v2.2 (Ulduar)
Bob_Laublaw
Posts: 1256

0
Like

0
Dislike

Is there a particular reason you decided to put 10 man progression as a impediment to showing 25 man progression? My guild doesn't do 10 mans except for off nights. Clearing 10 man content is not our goal, 25 man content is. So even though we've killed a few bosses in Ulduar, it still shows 0/14 as we haven't done anything for 10 man.

Would it be too much to ask that the displayed killed count numbers be a variable setting? Defaults to 10 man, but can be set to show only 25 man counts?

I could also go back to the version of code before this and add in the Ulduar raids separately... but I really like the inclusion of the % values in this version.

Thank you for all you do for this community, Mottie.

Raid Leader for <High Lords of the Horde> on Hyjal (US)
Zymurg
TopBottom

Mottie (SuperAdmin) 4/27/2009 2:05 PM EST : RE: Progression Box v2.2 (Ulduar)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hey Bob_Laublaw!

I updated the code in v2.2 with a new variable that will set the script to ignore the 10 man boss count. I hope this is what you wanted, I can easily modify it again if you needed something else done.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Bob_Laublaw (Member) 4/27/2009 5:50 PM EST : RE: Progression Box v2.2 (Ulduar)
Bob_Laublaw
Posts: 1256

0
Like

0
Dislike

Thank you very much, Mottie. That is exactly the functionality I was looking for. Cheers!

Raid Leader for <High Lords of the Horde> on Hyjal (US)
Zymurg
TopBottom

Mottie (SuperAdmin) 4/30/2009 2:31 PM EST : Progression Box v2.21
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Progression Box v2.21



This version took abit of debugging to make it work properly. If anyone finds anyproblems, please post it in these forums.

This update has these changes from version 2.2:
  1. Added an icon width variable to adjust both height and width of the icon displayed.
  2. Added variables to choose which progress count you want to display (ignore 10 or 25 man counts)
  3. Added variables to choose to hide a boss status column in the tooltip (either the 10 or 25 man column)
  4. Added a variable to hide the icons across the top. If set to true, you can ignore/delete the expansion variables you aren't using (e.g. wowOrig, wowTBC or wowWotLK)
  5. All boss status variables are now blank. I removed them so you don't have to edit what I had already put in there. If you want to see examples of what can be put into the instance/boss status, check out the previous versions of this progression box. But don't forget you can add any HTML or text you want into the status - bold, italic, change color, or even add images.
Content Box
<style type="text/css">
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }
#progBox tr, #progSelect { cursor:pointer; }

/* Instance name text */
.instance { color:#cccccc; font-size: 10pt; }

/* Instance image and image cell */
.instanceImgCell { width:30px; }
.instance img { vertical-align: middle; border:0px; }

/* bosses killed "(5/6)" in the progression box */
.bossCount { color:#cccccc; vertical-align:middle; }

/* Tooltip styles */
#dhtmltooltip table { color:#ffffff; }
.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 { display: none; }
.show { display: inline; }
</style>
<div style="text-align:center">
<span id="progSelect">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-1.png" title="World of Warcraft" onclick="pickExp(wowOrig);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-2.png" title="The Burning Crusade" onclick="pickExp(wowTBC);">
<img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-3.png" title="Wrath of the Lich King" onclick="pickExp(wowWotLK);">
</span>
<div id="progBox"></div>
</div>

<script type="text/javascript">
var wowOrig = new Array();
var wowTBC = new Array();
var wowWotLK = new Array();

// Tooltip width and progression icon size
var tooltipWidth = 300;
var tooltipBossWidth = 250;
var tooltipKilledWidth = 80;
var iconHeight = 30;
var iconWidth = 30;

// Text in progression box and tooltip, see CSS for color
var raidingKeyWord = "No|closed";
var bossKilledKeyWord = "Killed";
var bossAttemptedKeyWord = "Attempted|%";

// The displayed count will default to 10 man bosses until the instance is 100% completed,
// it will then switch to the 25 man boss count. If either of the variables below are true,
// the count will start and display only that progression.
var ignore10manCount = false;
var ignore25manCount = false;

// The 10 man or 25 man column can be hidden using the variables below, these variables
// will override the ignore10manCount and ignore25manCount variables above
var hide10manColumn = false;
var hide25manColumn = false;

// Setting this to true will show ALL rows, even if you have never been there
// setting it to false will hide rows with nothing entered into the boss variables
var showAllRows = true;

// Setting this to true will only hide the selector bar, but you can ignore or delete the
// variables below for wowOrig or wowTBC or wowWotLK if they aren't selected by the defaultWoW below
var hideExpansionSelector = false;

// Default displayed progression: choose "wowOrig", "wowTBC" or "wowWotLK"
var defaultWoW = wowWotLK;

/*
 Boss Information
 ********************************************
- Each progression variable is set up as follows:
   progress.push ([
    ["Thumbnail Image URL"]
   ,["Instance Name", "Instance Status"]
   ,["Instance Boss #1", "Boss #1 Status"]
   ,["Instance Boss #2", "Boss #2 Status"]
   ,   ...
   ,["Last Instance Boss", "Last Boss Status"]
   ]);
 ******************************************** */

/* ********************************************
   Original WoW
   ******************************************** */
// Zul'Gurub
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/zg.gif"]
,["Zul'Gurub", ""]
,["High Priestess Jeklik (Bat)", ""]
,["High Priest Venoxis (Snake)", ""]
,["High Priestess Mar'li (Spider)", ""]
,["High Priest Thekal (Tiger)", ""]
,["High Priestess Arlokk (Panther)", ""]
,["Hakkar the Soulflayer", ""]
,["Bloodlord Mandokir", ""]
,["Jin'do the Hexxer", ""]
,["Gahz'ranka", ""]
,["Edge of Madness", ""]
]);

// AQ20
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq20.gif"]
,["Ruins of Ahn'Qiraj", ""]
,["Kurinnaxx", ""]
,["General Rajaxx", ""]
,["Moam", ""]
,["Buru the Gorger", ""]
,["Ayamiss the Hunter", ""]
,["Ossirian the Unscarred", ""]
]);

// Onyxia
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", ""]
,["Onyxia", ""]
]);

// Molten Core
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/mc.gif"]
,["Molten Core", ""]
,["Lucifron", ""]
,["Magmadar", ""]
,["Gehennas", ""]
,["Garr", ""]
,["Baron Geddon", ""]
,["Shazzrah", ""]
,["Sulfuron Harbinger", ""]
,["Golemagg the Incinerator", ""]
,["Majordomo Executus", ""]
,["Ragnaros", ""]
]);

// Black Wing Lair
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/bwl.gif"]
,["Black Wing Lair", ""]
,["Razorgore the Untamed", ""]
,["Vaelastrasz", ""]
,["Broodlord Lashlayer", ""]
,["Firemaw", ""]
,["Ebonroc", ""]
,["Flamegor", ""]
,["Chromaggus", ""]
,["Nefarian", ""]
]);

// AQ40
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq40.gif"]
,["Temple of Ahn'Qiraj", ""]
,["The Prophet Skeram", ""]
,["Vem, Yaul and Kri", ""]
,["Battleguard Sartura", ""]
,["Fankriss the Unyeilding", ""]
,["Viscidus", ""]
,["Princess Huhuran", ""]
,["The Twin Emperors", ""]
,["Ouro the Sandworm", ""]
,["C'Thun", ""]
]);

// Nax
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nax.gif"]
,["Naxxramas", ""]
,["AW:Patrchwerk", ""]
,["AW:Grobbulus", ""]
,["AW:Gluth", ""]
,["AW:Thaddius", ""]
,["PW:Noth the Plaguebringer", ""]
,["PW:Heigan the Unclean", ""]
,["PW:Loatheb", ""]
,["SW:Anub'Rekhan", ""]
,["SW:Grand Widow Faerlina", ""]
,["SW:Maexxna", ""]
,["DW:Instructor Razuvious", ""]
,["DW:Gothik the Harvester", ""]
,["DW:The Four Horsemen", ""]
,["FL:Sapphiron", ""]
,["KC:Kel'Thuzad", ""]
]);

/* ********************************************
   The Burning Crusade
   ******************************************** */
// KARAZHAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Kar.gif"]
,["Karazhan", ""]
,["Animal Boss", ""]
,["Attumen the Huntsman", ""]
,["Moroes", ""]
,["Maiden of Virtue", ""]
,["Opera Event", ""]
,["Nightbane", ""]
,["The Curator", ""]
,["Shade of Aran", ""]
,["Terestian Illhoof", ""]
,["Netherspite", ""]
,["Chess Event", ""]
,["Prince Malchezaar", ""]
]);

// ZUL'AMAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ZA.gif"]
,["Zul'Aman", ""]
,["Nalorakk", ""]
,["Akil'Zon", ""]
,["Jan'Alai", ""]
,["Halazzi", ""]
,["Malacrass", ""]
,["Zul'jin", ""]
]);

// DOOM LORD KAZZAK
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DLK.gif"]
,["Doom Lord Kazzak", ""]
,["Doom Lord Kazzak", ""]
]);

// DOOMWALKER
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DW.gif"]
,["Doomwalker", ""]
,["Doomwalker", ""]
]);

// GRUUL'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GL.gif"]
,["Gruul's Lair", ""]
,["High King Maulgar", ""]
,["Gruul", ""]
]);

// MAGTHERIDON'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Mag.gif"]
,["Magtheridon's Lair", ""]
,["Magtheridon", ""]
]);

// SERPENTSHRINE CAVERN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SSC.gif"]
,["Serpentshrine Cavern", ""]
,["Lurker", ""]
,["Hydross", ""]
,["Morogrim", ""]
,["Leotheras", ""]
,["Karathress", ""]
,["Lady Vashj", ""]
]);

// THE EYE, TEMPEST KEEP
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/TK.gif"]
,["The Eye", ""]
,["Void Reaver", ""]
,["Al'ar", ""]
,["Solarian", ""]
,["Kael'thas", ""]
]);

// BATTLE FOR MOUNT HYJAL
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/MH.gif"]
,["Battle for Mount Hyjal", ""]
,["Rage Winterchill", ""]
,["Anetheron", ""]
,["Kaz'rogal", ""]
,["Azgalor", ""]
,["Archimonde", ""]
]);

// BLACK TEMPLE
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/BT.gif"]
,["Black Temple", ""]
,["High Warlord Naj'entus", ""]
,["Supremus", ""]
,["Shade of Akama", ""]
,["Teron Gorefiend", ""]
,["Gurtogg Bloodboil", ""]
,["Reliquary of Souls", ""]
,["Mother Shahraz", ""]
,["The Illidari Council", ""]
,["Illidan Stormrage", ""]
]);

// SUNWELL PLATEAU
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SP.gif"]
,["Sunwell Plateau", ""]
,["Kalecgos", ""]
,["Brutallus", ""]
,["Felmyst", ""]
,["Eredar Twins", ""]
,["M'uru", ""]
,["Kil'jaeden", ""]
]);

/* ********************************************
   Wrath of the Lich King
   ******************************************** */
// NAXXRAMAS II
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"]
,["Naxxramas II", "(10 man)", "(25 man)"]
,["AW:Patchwerk", "", ""]
,["AW:Grobbulus", "", ""]
,["AW:Gluth", "", ""]
,["AW:Thaddius", "", ""]
,["PW:Noth the Plaguebringer", "", ""]
,["PW:Heigan the Unclean", "", ""]
,["PW:Loatheb", "", ""]
,["SW:Anub'Rekhan", "", ""]
,["SW:Grand Widow Faerlina", "", ""]
,["SW:Maexxna", "", ""]
,["DW:Instructor Razuvious", "", ""]
,["DW:Gothik the Harvester", "", ""]
,["DW:The Four Horsemen", "", ""]
,["FL:Sapphiron", "", ""]
,["KC:Kel'Thuzad", "", ""]
]);

// VAULT OF ARCHAVON
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]
,["Vault of Archavon", "(10 man)", "(25 man)"]
,["Archavon the Stone Watcher", "", ""]
,["Emalon the Storm Watcher", "", ""]
]);

// CHAMBER OF ASPECTS - OBSIDIAN SANCTUM
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"]
,["Chamber of Aspects", "(10 man)", "(25 man)"]
,["Sartharion the Onyx Guardian", "", ""]
,["Sartharion + 1 Drake", "", ""]
,["Sartharion + 2 Drakes", "", ""]
,["Sartharion + 3 Drakes", "", ""]
]);

// THE EYE OF ETERNITY
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"]
,["The Eye of Eternity", "(10 man)", "(25 man)"]
,["Malygos", "", ""]
]);

// ULDUAR
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ulduar.gif"]
,["Ulduar", "(10 man)", "(25 man)"]
,["Flame Leviathan", "", ""]
,["Ignis the Furnace Master", "", ""]
,["Razorscale", "", ""]
,["XT-002 Deconstructor", "", ""]
,["The Iron Council", "", ""]
,["Kologarn", "", ""]
,["Auriya", "", ""]
,["Mimiron", "", ""]
,["Watcher Freya", "", ""]
,["Watcher Thorim", "", ""]
,["Watcher Hodir", "", ""]
,["General Vezax", "", ""]
,["Yogg-Saron", "", ""]
,["Algalon the Observer", "", ""]
]);

// AZJOL-NERUB RAID
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Azjol-Nerub Raid", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
]);

// ICECROWN CITADEL
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Icecrown Citadel", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
,["The Lich King", "", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultWoW);
function pickExp(ex) {
 if (String(top.name).substring(0,4) == "Edit") { return; }
 if (hideExpansionSelector) $('#progSelect').css('display','none');
 var tmp;
 var sQ = "&#92;&#39;";
 var pb = "<center><table class=progBox border=0 width='100%'><tbody>";
 raidClassic = (ex[0][1][0].match("Zul'Gurub|Karazhan")) ? true : false;
 if (hide10manColumn && !raidClassic){ ignore10manCount=true; ignore25manCount=false; }
 if (hide25manColumn){ ignore25manCount=true; ignore10manCount=false; }
 for (var inst=0; inst < ex.length; inst++) {
  var killed10 = 0;
  var killed25 = 0;
  pb += "<tr =\"hideddrivetip()\"";
  if (!showAllRows&&(ex[inst][1][1].match(raidingKeyWord)||(ex[inst][1][1].replace(/\(10 man\)/,'')==""&&ex[inst][2][1]==""))) pb += " class=hide";
  pb += " =\"ddrivetip('<table><tr><td class=tooltipHeader width=" + tooltipBossWidth + "px>" + ex[inst][1][0].replace(/\'/g,sQ);
  pb += (hide10manColumn&&!raidClassic) ? "" : "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][1].replace(/\'/g,sQ);
  pb += (raidClassic||hide25manColumn) ? "" : "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][2].replace(/\'/g,sQ);
  pb += "</td></tr>";
  for (var boss=2; boss<(ex[inst].length); boss++) {
   pb += "<tr><td";
   var tmp2 = " class=killedBoss";
   var boss10 = (ex[inst][boss][1].match(bossKilledKeyWord)) ? true : false;
   if (boss10) killed10++;
   if (!raidClassic){
    var boss25 = (ex[inst][boss][2].match(bossKilledKeyWord)) ? true : false;
    if (boss25) killed25++;
   }
   if ( raidClassic || hide25manColumn ) {
    pb += (boss10) ? tmp2 : "";
   } else {
    tmp = (boss10&&boss25) ? tmp2 : "";
    if (hide10manColumn&&boss25||hide25manColumn&&boss10) tmp = tmp2;
    if (ignore10manCount&&boss25||ignore25manCount&&boss10) tmp = tmp2;
    pb += tmp;
   }
   pb += ">" + ex[inst][boss][0].replace(/\'/g,sQ) + "</td>";
   if (raidClassic||!hide10manColumn){
    pb += "<td align=center";
    pb += (boss10) ? " class=killedText" : "";
    pb += (ex[inst][boss][1].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    pb += ">" + ex[inst][boss][1] + "</td>";
   }
   if (!raidClassic&&!hide25manColumn){
    pb += "<td align=center";
    pb += (boss25) ? " class=killedText" : "";
    pb += (ex[inst][boss][2].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    pb += ">" + ex[inst][boss][2] +"</td>";
   }
   pb += "</tr>";
  }
  pb += "</table>', '', '" + (tooltipBossWidth + tooltipKilledWidth) + "');\" >"
  pb += "<td><img src=\"" + ex[inst][0] + "\" height=\"" + iconHeight + "\" width=\"" + iconWidth;
  pb += "\"></td><td class=\"instance\">" + ex[inst][1][0] + "</td><td class=bossCount>(";
  tmp = (raidClassic||!ignore10manCount||ignore25manCount) ? killed10 : killed25;
  if (!raidClassic&&(killed10 == ex[inst].length-2)&&!ignore25manCount) tmp = killed25;
  pb += tmp + "/" + (ex[inst].length-2) + ")</td></tr>";
 }
 pb += "</table>";
 $('#progBox').html(pb);
}
</script>
Customizing the Script

  • Please refer back to the previous versions on how to customize this script. Here are the changes made to this version when compared to version 2.2.

    1. A new variable "iconWidth" was added to adjust both height and width of the icon displayed.

      var iconWidth = 30;

    2. Added "ignore10manCount" and "ignore25manCount" to choose which progress count you want to display, if you set both to true, it will default to the 10 man count.

      var ignore10manCount = false;
      var ignore25manCount = false;

    3. Added "hide10manColumn" and "hide25manColumn" to hide that column in the tooltip. If you set both to true, you won't see any status for the boss but the count will still work.

      var hide10manColumn = false;
      var hide25manColumn = false;

    4. Added "hideExpansionSelector" to hide the icons across the top. Ifset to true, you can ignore/delete the expansion variables you aren'tusing (e.g. wowOrig, wowTBC or wowWotLK)

      var hideExpansionSelector = false;
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

DarkProphecyAdmin (Applicant) 5/26/2009 2:53 PM EST : RE: Progression Box v2.21

DarkProphecyAdmin
Posts: 6

0
Like

0
Dislike

Hello.... I added you most recent script for Guild Progression on my website...

but it is not working it isnt showing the downed bosses... nor anything i added your JS to my website footer aswell... do you think you could help me with that...

Dark Prophecy
TopBottom

Necrodead (Applicant) 6/3/2009 11:42 PM EST : RE: Progression Box v2.2 (Ulduar)

Necrodead
Posts: 20

0
Like

0
Dislike

Well I keep getting an error popping up I followed it:

Custom Code > Custom CSS >  then tried to Border : each content

It says : Cannot cantain html dananunuh!

HELP ME PLEASE Merciful one?

/facepalm
TopBottom

Mottie (SuperAdmin) 6/4/2009 1:04 PM EST : RE: Progression Box v2.2 (Ulduar)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Necrodead!

You shouldn't have to add anything into the Custom CSS area. The entire code should be copied into a free form text/HTML type content box while in HTML mode ().

But just so you know, don't add anything into the Custom CSS that has "<>" around it, this includes the <style> tag.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
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%