Fixed - deleted the whole thing and started again and it's perfect. Must have just accidently deleted something.

Hi, ok so im trying to add this to my website. i got it in there. but theres no pop scroll over pop up box.. im not sure what im doing wrong.. what i did so far is copy and paste your html in the <> area... but i dont know if im supposed to edit anything to make it pop up??

also when i tired to delete the instances that aren't out yet for WOTLK it like completely messed up the code... is there a way to remove that? other then just selecting the

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


and deleting it?


My website


thanks
Seth

I am still confused.  I read the linked post you provided, but I don't understand what to do with it or where to put it.  I've tried copying the html from sites that have this working, but I still can't get the mouseover to work.

Can someone please help?  My page is at

http://www.guildportal.com/Guild.aspx?GuildID=153687&TabID=2533881

FIGURED IT OUT!  THANKS!

---

Progression Box v2.2 (Ulduar)



This update includes two 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>";
 document.getElementById('progBox').innerHTML = pb;
}
</script>

Customizing the Script

• Please follow the instructions for Progression Box v2.1 (WotLK). It's very similar, only three things are different in this version:

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.

Hi Nokadi!

The tooltip script was removed from GuildPortal and I keep forgetting to mention that you have to add it back manually before they work again. Add this line into the Footer HTML (Control Panel > Custom Code > Footer HTML).

<style type="text/css">
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
}
</style>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>

Edit (6/5/2009): Updated to new tooltip script.