Sign Up! Login: Password: New User? Forgot? Support
Top Mods!
Wowhead Search
by sonofsamedi
Digital Clock
by Wolfar15
Admin Forums
Welcome to the GuildPortal Help Community! These forums are for admin-to-admin help.
Available Forums
Forums : Pimp My Site! > Guild Progression box
klkho (New Admin) 3/21/2009 1:35 PM EST : RE: WoW Guild Progression box version 2.2
klkho
Posts: 139
Posts With Wolves

Hello

We copied and paste all the code of Version 2.2. But it cann't show the progression table. We link the web of us. Can you help us? Thanks for all your hard work.


Hongkong


Mould

Guild leader of Hongkong
TopBottom

Mottie (MVP) 3/21/2009 4:14 PM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi Klkho!

I see... it's because the GuildPortal window is inside a frame. Hmmm, try this:

Replace this line:
document.getElementById('progBox').innerHTML = pb;
With this:
 $('#progBox').html(pb);
TopBottom

klkho (New Admin) 3/23/2009 12:53 AM EST : RE: WoW Guild Progression box version 2.2
klkho
Posts: 139
Posts With Wolves

Hello

Thanks for your help. The web cann't show progression box after we enter the new code.
Can you help us?

Mould

GM of HongKong
TopBottom

Mottie (MVP) 3/23/2009 10:41 AM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Ok then, maybe it's because you have multiple frames... I'm having trouble with this because when I save your pages to my computer it works perfectly. So, I'm just trying different things. Try this - and to everyone else, this is ONLY good for klkho's site.
parent.main4.$('#progBox').html(pb);
or try this:
parent.main4.document.getElementById('progBox').innerHTML = pb;
TopBottom

Mottie (MVP) 4/3/2009 4:01 AM EST : Guild Progression box version 3.0 updated
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

I had to update the Guild Progression Box v3.0 because the accordion script wasn't working with the recent changes to GuildPortal.

So, now it's working and I got the arrows to work for IE and Chrome

Link to the updated post here.
TopBottom

Mottie (MVP) 4/13/2009 9:52 PM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Updated the Guild Progression Box v2.2 (Ulduar) version - added the "attemptedBoss" class to any boss status with a keyword of "Attempted" or with a percentage.
TopBottom

erraziB (New Admin) 4/24/2009 10:45 AM EST : RE: WoW Guild Progression box version 2.2
erraziB
Posts: 335
Fingers of Fury!

How would I just make a table for the WOTLK raids?
TopBottom

Mottie (MVP) 4/24/2009 3:12 PM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Hi ErraziB!

If you want just a table and no CSS, here you go. Update the progression in blue.
<table border="0" width="100%">
 <tbody>
  <tr>
   <td><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"></td>
   <td>Naxxramas II</td>
   <td>(6/15)</td>
  </tr>
  <tr>
   <td><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"></td>
   <td>Vault of Archavon</td>
   <td>(1/2)</td>
  </tr>
  <tr>
   <td><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"></td>
   <td>Chamber of Aspects</td>
   <td>(1/4)</td>
  </tr>
  <tr>
   <td><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"></td>
   <td>The Eye of Eternity</td>
   <td>(0/1)</td>
  </tr>
  <tr>
   <td><img src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Uld.gif"></td>
   <td>Ulduar</td>
   <td>(0/14)</td>
  </tr>
 </tbody>
</table>
TopBottom

erraziB (New Admin) 4/24/2009 4:34 PM EST : RE: WoW Guild Progression box version 2.2
erraziB
Posts: 335
Fingers of Fury!

I'd want it to have the tooltip as well. If possible. I basically want it to be exactly the same just without the option of bc/original wow. 
TopBottom

Mottie (MVP) 4/24/2009 5:59 PM EST : RE: WoW Guild Progression box version 2.2
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Oh hey ErraziB!

LOL sorry, I wasn't sure what you wanted exactly... this should do the trick.
<style type="text/css">
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; margin: 0 auto; }

/* 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 id="progBox" align="center"></div>

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

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


// 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"]
   ]);
 ******************************************** */

/* ********************************************
   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", "", ""]
]);

// 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/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>";
 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 += "</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;
   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>";
   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=\"" + iconWidth;
  pb += "\"></td><td class=\"instance\">" + ex[inst][1][0] + "</td><td class=bossCount>(";
  pb += (!ignore10manCount && killed10 < ex[inst].length-2) ? killed10 : killed25;
  pb += "/" + (ex[inst].length-2) + ")</td></tr>";
 }
 pb += "</table>";
 $('#progBox').html(pb);
}
</script>
Edit (4/27/2009): Added "ignore10manCount" into the script above (in teal) to match changes I made with v2.2
TopBottom

Admins Online
There are   members online.
So-and-so has logged on!
%title%
%message%