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
Siouxzen (New Admin) 5/24/2008 1:26 PM EST : Guild Progression box
Siouxzen
Posts: 2603
Zomgawsh Poster

Is there a format to list the instances and the bosses killed in them?  Something maybe that updates according to wowjutsu or bosskillers like the armory does for the roster?
TopBottom

Gauzepad-GP (New Admin) 5/24/2008 8:06 PM EST : RE: Guild Progression box
Gauzepad-GP
Posts: 243
Fingers of Fury!

I made my own progression box

http://www.guildportal.com/Guild.aspx?GuildID=257824&TabID=2166675

http://www.guildportal.com/Guild.aspx?GuildID=85991&TabID=739767

not very tough to do at all.
TopBottom

Mottie (MVP) 5/26/2008 12:36 PM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster




I was bored, so I put this Raid Progression content box together. I made two versions, this top version is basic and simple. you have to go in and manually change how many bosses you've downed. The more detailed version below shows which boss you've killed in a tooltip.

Custom StyleSheet
.progBox {font-size: 90%;}
.s_Kara {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left top no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_ZulAman {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -31px no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_DLKazzak {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -62px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Doomwalker {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -93px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Gruul {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -124px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Mags {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -155px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Serpent {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -186px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_theEye {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -217px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_MtHyjal {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -248px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_BlackTemple {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -279px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Sunwell {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left bottom no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
Context Box "Free Form Text/HTML"
<center>
<table class="progBox" border="0">
<tbody><tr><td class="s_Kara">Karazhan</div></td><td>(12/12)
</td></tr><tr><td class="s_ZulAman">Zul'Aman</td><td>(6/6)
</td></tr><tr><td class="s_DLKazzak">Doom Lord Kazzak</td><td>(1/1)
</td></tr><tr><td class="s_Doomwalker">Doom Walker</td><td>(1/1)
</td></tr><tr><td class="s_Gruul">Gruul's Lair</td><td>(2/2)
</td></tr><tr><td class="s_Mags">Magtheridon's Lair</td><td>(1/1)
</td></tr><tr><td class="s_Serpent">Serpentshrine Cavern </td><td>(6/6)
</td></tr><tr><td class="s_theEye">The Eye</td><td>(4/4)
</td></tr><tr><td class="s_MtHyjal">Mount Hyjal</td><td>(5/5)
</td></tr><tr><td class="s_BlackTemple">Black Temple</td><td>(9/9)
</td></tr><tr><td class="s_Sunwell">Sunwell Plateau</td><td>(6/6)
</td></tr>
</tbody></table>
</center>

TopBottom

Mottie (MVP) 5/26/2008 1:12 PM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster



This version is a little more complicated to take care of, but I think it's worth it

  • First off, it works perfectly with Firefox, but seems to miss some tooltips when using Internet Explorer - I have no idea why there is a difference... I'll keep looking into it. Fixed (replaced code inserted below)!
  • Secondly, the GuildPortal editor likes to mess with you...if you put the javascript and the HTML content together in a content box, further editing of this content box will cause it to keep your progress number "8"/9. What I mean is it will save the 8 and when you save after editing the box again you'll see it display "88"/9. I think the best way to resolve this is to put the boss variable javascript in the banner area and only put the HTML table in the content box. Therefore when you update, edit it inside the banner. Thanks to Pentamorous for solving this problem
How to use this and customize this script:
  • Hide/Show rows: One neat feature of this code is if you've never killed a boss in an instance, it won't display it at all. If you want an instance to show, just change the class="hide" to class="show" in the Context box code below - I colored these orange so you can see it easier.
  • Boss Status: To update a boss status, simply change the "0" into a "1" in the appropriate variable in the Javascript. (e.g. YAY you just killed the Prince in Karazhan, look in the code and find these variables:
    • var b_Kara = [ "Animal Boss", "Attumen the Huntsman", "Moroes", "Maiden of Virtue", "Opera Event", "Nightbane", "The Curator", "Shade of Aran", "Terestian Illhoof", "Netherspite", "Chess Event", "Prince Malchezaar" ];
      var k_Kara = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0];
    • You'll notice the "0" at the end of the variable "k_Kara". It corresponds to the Prince, the order of the numbers matches the name in the "b_Kara" variable. Don't change anything in the "b_Kara" variable, you should only be changing the numbers in red.
  • Text Colors: To change the colors of the text for all components of the progression box, change the CSS below that is colored blue.
    • Progression Box = ".progBox"
    • Killed boss color = ".killedBoss"
    • Non-killed bosses = ".toKillBoss"
    • If you want to change the style of the text. you can edit or add "text-decoration" (options are "line-through", "underline", etc... look here for other options).
    • You can also add CSS within the brackets {} to make the text bold: add "font-weight:bold;" after the previous semi-colon (see more options here).
  • Custom Images: If you want to use your own images...
    • Change the Custom StyleSheet so that the url () has your image url inside the parenthesis.
    • I put all of the images for these instances into a single image, so if you customize, drop the "left", "top", "bottom" and "-***px". 
    • Change the "height" to the height of your custom image.
    • Change the "padding-left" to the width plus a few extra pixels. The "padding-left" tells the CSS to jump right however many pixels so whatever text you put in that box won't be on top of the image.
    • So you may end up with something like this:
      .s_Kara {background: url(http://../kara.gif) ; height:50px; padding-left:50px; font-size: 80%; width:100% }
I bet some of you that know Javascript and CSS better than me are cringing... I'm still learning, but I like to mess around with code to make it work. If you know of a more efficient way of doing this, please feel free to post.

Custom StyleSheet
.s_Kara {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left top no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_ZulAman {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -31px no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_DLKazzak {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -62px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Doomwalker {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -93px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Gruul {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -124px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Mags {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -155px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Serpent {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -186px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_theEye {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -217px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_MtHyjal {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -248px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_BlackTemple {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left -279px  no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.s_Sunwell {background: url(http://i259.photobucket.com/albums/hh311/hotwow/themes/icons/RaidsTBC.gif) left bottom no-repeat; height:30px; padding-left:30px; font-size: 80%; width:100% }
.hide { display: none; width:100%; }
.show { display: inline; width:100%; }

.progBox {font-size: 90%; padding:4px; color: #ffffff; }
.killedBoss { color:#888888; text-decoration: line-through; }
.toKillBoss { color: #dddddd; text-decoration: none; }
.killed { color: #ff0000; }
Content Box "Free Form Text/HTML"
<script language="javascript">
// *************************************
// BOSS VARIABLES TO SET
// set which bosses you"ve killed here
// in the k_(instance) variable
// 1 = killed
// 0 = not killed
// *************************************

// Karazhan
var b_Kara = [ "Animal Boss", "Attumen the Huntsman", "Moroes", "Maiden of Virtue", "Opera Event", "Nightbane", "The Curator", "Shade of Aran", "Terestian Illhoof", "Netherspite", "Chess Event", "Prince Malchezaar" ];
var k_Kara = [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 0];

// Zul'Aman
var b_ZulAman = ["Nalorakk", "Akil\'Zon", "Jan\'Alai", "Halazzi", "Malacrass", "Zul\'jin"];
var k_ZulAman = [1, 1, 1, 1, 1, 0];

// Doom Lord Kazzak
var b_DLKazzak = ["Doom Lord Kazzak"];
var k_DLKazzak = [1];

// Doomwalker
var b_Doomwalker = ["Doomwalker"];
var k_Doomwalker = [1];

// Gruul's Lair
var b_Gruul = ["High King Maulgar", "Gruul"];
var k_Gruul = [1, 0];

// Magtheridon's Lair
var b_Mags = ["Magtheridon"];
var k_Mags = [1];

// Serpentshrine Cavern
var b_Serpent = ["Lurker", "Hydross", "Morogrim", "Leotheras", "Karathress", "Lady Vashj"]
var k_Serpent = [1, 1, 1, 1, 1, 0];

// The Eye, Tempest Keep
var b_theEye = ["Void Reaver", "Al\'ar", "Solarian", "Kael\'thas"]
var k_theEye = [1, 1, 1, 0];

// Battle for Mount Hyjal
var b_MtHyjal = ["Rage Winterchill", "Anetheron", "Kaz\'rogal", "Azgalor", "Archimonde"]
var k_MtHyjal = [1, 1, 1, 1, 0];

// Black Temple
var b_BlackTemple = ["High Warlord Naj\'entus", "Supremus", "Shade of Akama", "Teron Gorefiend", "Gurtogg Bloodboil", "Reliquary of Souls", "Mother Shahraz", "The Illidari Council", "Illidan Stormrage"]
var k_BlackTemple = [1, 1, 1, 1, 1, 1, 1, 1, 0];

// Sunwell Plateau
var b_Sunwell = ["Kalecgos", "Brutallus", "Felmyst", "Eredar Twins", "M\'uru", "Kil\'jaeden"]
var k_Sunwell = [1, 1, 1, 1, 1, 0];

// *************************************
// Don't change anything below this line
// *************************************
function showKills (list,kills) {
var i = 0;
var tipstr = "<table>";
 for (var j=0; j<list.length; j++) {
  if (kills[j] == 1) {
   var tmp = "<td class=killedBoss>" + list[j] + "</td><td class=killed>(Killed)";
   i++
  } else {
   var tmp = "<td class=toKillBoss>" + list [j] + "</td><td>";
  }
 tipstr += "<tr>" + tmp + "</td></tr>";
 }
 tipstr += "</table>";
 return tipstr;
}

function kills (rowEl, x) {
if (String(top.name).substring(0,4) == "Edit") { return; }
var s = 0;
 for (var j = 0; j < x.length; j++) {
  s += (typeof x[j] == 'number') ? x[j] : 0;
 }
 if (s != 0) {
  rowEl.className="show";
 }
var s2 = "(" + s + "/" + x.length + ")";
document.write (s2);
return;
};
</script>

<center>
<table class=progBox border=0>
<tbody>
<tr class="hide" id="r_Kara" ="ddrivetip(showKills(b_Kara,k_Kara),'','250');" ="hideddrivetip();">
 <td class="s_Kara">Karazhan</td><td><script language="javascript">kills(r_Kara,k_Kara);</script></td>
</tr>
<tr class="hide" id="r_ZulAman" ="ddrivetip(showKills(b_ZulAman,k_ZulAman),'','150');" ="hideddrivetip();">
 <td class="s_ZulAman">Zul'Aman</td><td><script language="javascript">kills(r_ZulAman,k_ZulAman);</script></td>
</tr>
<tr class="hide" id="r_DLKazzak" ="ddrivetip(showKills(b_DLKazzak,k_DLKazzak),'','200');" ="hideddrivetip();">
 <td class="s_DLKazzak">Doom Lord Kazzak</td><td><script language="javascript">kills(r_DLKazzak,k_DLKazzak);</script></td>
</tr>
<tr class="hide" id="r_Doomwalker" ="ddrivetip(showKills(b_Doomwalker,k_Doomwalker),'','150');" ="hideddrivetip();">
 <td class="s_Doomwalker">Doom Walker</td><td><script language="javascript">kills(r_Doomwalker,k_Doomwalker);</script></td>
</tr>
<tr class="hide" id="r_Gruul" ="ddrivetip(showKills(b_Gruul,k_Gruul),'','180');" ="hideddrivetip();">
 <td class="s_Gruul">Gruul's Lair</td><td><script language="javascript">kills(r_Gruul,k_Gruul);</script></td>
</tr>
<tr class="hide" id="r_Mags" ="ddrivetip(showKills(b_Mags,k_Mags),'','150');" ="hideddrivetip();">
 <td class="s_Mags">Magtheridon's Lair</td><td><script language="javascript">kills(r_Mags,k_Mags);</script></td>
</tr>
<tr class="hide" id="r_Serpent" ="ddrivetip(showKills(b_Serpent,k_Serpent),'','150');" ="hideddrivetip();">
 <td class="s_Serpent">Serpentshrine Cavern </td><td><script language="javascript">kills(r_Serpent,k_Serpent);</script></td>
</tr>
<tr class="hide" id="r_theEye" ="ddrivetip(showKills(b_theEye,k_theEye),'','150');" ="hideddrivetip();">
 <td class="s_theEye">The Eye</td><td><script language="javascript">kills(r_theEye,k_theEye);</script></td>
</tr>
<tr class="hide" id="r_MtHyjal" ="ddrivetip(showKills(b_MtHyjal,k_MtHyjal),'','170');" ="hideddrivetip();">
 <td class="s_MtHyjal">Mount Hyjal</td><td><script language="javascript">kills(r_MtHyjal,k_MtHyjal);</script></td>
</tr>
<tr class="hide" id="r_BlackTemple" ="ddrivetip(showKills(b_BlackTemple,k_BlackTemple),'','220');" ="hideddrivetip();">
 <td class="s_BlackTemple">Black Temple</td><td><script language="javascript">kills(r_BlackTemple,k_BlackTemple);</script></td>
</tr>
<tr class="hide" id="r_Sunwell" ="ddrivetip(showKills(b_Sunwell,k_Sunwell),'','160');" ="hideddrivetip();">
 <td class="s_Sunwell">Sunwell Plateau</td><td><script language="javascript">kills(r_Sunwell,k_Sunwell);</script></td>
</tr>
</tbody>
</table>
</center>
You can see this script in action on my test site... link is in my sig
Enjoy!

Edit (08/26/2008): Updated the code because it wasn't displaying the parenthesis correctly and if you had no bosses killed in an instance and the class set to "show", it wouldn't display anything. All fixed & updated in the code above 
TopBottom

Siouxzen (New Admin) 5/27/2008 9:19 AM EST : RE: Guild Progression box
Siouxzen
Posts: 2603
Zomgawsh Poster

Ty Mottie...It was still a bit more than I was able to figure out but with the help of another guildie, we now have a new raid progression box! 

Thanks for your help!
TopBottom

Pentamorous (New Admin) 5/27/2008 9:41 AM EST : RE: Guild Progression box
Pentamorous
Posts: 2317
Zomgawsh Poster

Mottie You Rock!!!

I'd been wanting to do something like this for some time, but never got around to it.  I've used your "Detailed" version, and added a few tweaks.


This is my stylsheet:

* I've added a few styles from the original wow raids
* I used individual image files instead of the single image file. (image files should work A-OK for anyone using guildPortal)


/* --------------------------------------- */
/* Guild Progression box Style */
/* Inspired by "Motie" http://admins.guildportal.com/Guild.aspx?GuildID=3780&ForumID=22042&TabID=27537&TopicID=6975112&Page=1#34985758 */
/* --------------------------------------- */

.progBox {font-size: 90%; padding:4px; color: #101066;}

/* Burning Crusade */
.s_Kara {background: url(http://www.axiomfiles.com/Files/32850/kara.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_ZulAman {background: url(http://www.axiomfiles.com/Files/32850/za.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_DLKazzak {background: url(http://www.axiomfiles.com/Files/32850/dlk.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Doomwalker {background: url(http://www.axiomfiles.com/Files/32850/dmw.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Gruul {background: url(http://www.axiomfiles.com/Files/32850/gruul.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Mags {background: url(http://www.axiomfiles.com/Files/32850/mag.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Serpent {background: url(http://www.axiomfiles.com/Files/32850/coilfang.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_theEye {background: url(http://www.axiomfiles.com/Files/32850/tempest.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_MtHyjal {background: url(http://www.axiomfiles.com/Files/32850/cot3.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_BlackTemple {background: url(http://www.axiomfiles.com/Files/32850/btemp.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Sunwell {background: url(http://www.axiomfiles.com/Files/32850/sunwell.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }

/* Original WoW */
.s_ZG {background: url(http://www.axiomfiles.com/Files/32850/zg.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_AQ20 {background: url(http://www.axiomfiles.com/Files/32850/aq20.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_Ony {background: url(http://www.axiomfiles.com/Files/32850/onx.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }
.s_MC {background: url(http://www.axiomfiles.com/Files/32850/mc.gif) left top no-repeat; height:32px; padding-left:30px; font-size: 80%; width:100% }

.hide { display: none; width:100%; }
.show { display: inline; width:100%; }
/* --------------------------------------- */


Here is my version if the Javascript code: (same thing with the s~cript replacements for posting purposes)

* I've added a few more sections from the original wow raids
* I added one line to your {function kills} to concatenate total bosses automatically.

<s~cript language="javas~cript">
// *************************************
// BOSS VARIABLES TO SET
// set which bosses you"ve killed here
// in the k_(instance) variable
// 1 = killed
// 0 = not killed
// *************************************

/* Burning Crusade */

// Karazhan
var b_Kara = [ "Animal Boss", "Attumen the Huntsman", "Moroes", "Maiden of Virtue", "Opera Event", "Nightbane", "The Curator", "Shade of Aran", "Terestian Illhoof", "Netherspite", "Chess Event", "Prince Malchezaar" ];
var k_Kara = [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1];

// Zul'Aman
var b_ZulAman = ["Nalorakk", "Akil\'Zon", "Jan\'Alai", "Halazzi", "Malacrass", "Zul\'jin"];
var k_ZulAman = [0, 0, 0, 0, 0, 0];

// Doom Lord Kazzak
var b_DLKazzak = ["Doom Lord Kazzak"];
var k_DLKazzak = [0];

// Doomwalker
var b_Doomwalker = ["Doomwalker"];
var k_Doomwalker = [0];

// Gruul's Lair
var b_Gruul = ["High King Maulgar", "Gruul"];
var k_Gruul = [1, 0];

// Magtheridon's Lair
var b_Mags = ["Magtheridon"];
var k_Mags = [0];

// Serpentshrine Cavern
var b_Serpent = ["Lurker", "Hydross", "Morogrim", "Leotheras", "Karathress", "Lady Vashj"];
var k_Serpent = [0, 0, 0, 0, 0, 0];

// The Eye, Tempest Keep
var b_theEye = ["Void Reaver", "Al\'ar", "Solarian", "Kael\'thas"];
var k_theEye = [0, 0, 0, 0];

// Battle for Mount Hyjal
var b_MtHyjal = ["Rage Winterchill", "Anetheron", "Kaz\'rogal", "Azgalor", "Archimonde"];
var k_MtHyjal = [0, 0, 0, 0, 0];

// Black Temple
var b_BlackTemple = ["High Warlord Naj\'entus", "Supremus", "Shade of Akama", "Teron Gorefiend", "Gurtogg Bloodboil", "Reliquary of Souls", "Mother Shahraz", "The Illidari Council", "Illidan Stormrage"];
var k_BlackTemple = [0, 0, 0, 0, 0, 0, 0, 0, 0];

// Sunwell Plateau
var b_Sunwell = ["Kalecgos", "Brutallus", "Felmyst", "Eredar Twins", "M\'uru", "Kil\'jaeden"];
var k_Sunwell = [0, 0, 0, 0, 0, 0];


/* Original WoW */

// Zul'Gurub
var b_ZG = ["Jeklik - Bat", "Venoxis - Snake", "Mar\'li - Spider", "Thekal - Tiger", "Arlokk - Panther", "Hakkar", "Bloodlord Mandokir", "Jin\'do the Hexxer", "Gahz\'ranka", "Edge of Madness"];
var k_ZG = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];

// Ruins of Ahn'Qiraj 20
var b_AQ20 = ["Kurinnaxx", "General Rajaxx", "Moam", "Buru the Gorger", "Ayamiss the Hunter", "Ossirian the Unscarred"];
var k_AQ20 = [0, 0, 0, 0, 0, 0];

// Onyxia
var b_Ony = ["Onyxia"];
var k_Ony = [0];

// Molten Core
var b_MC = ["Lucifron", "Gehennas", "Baron Geddon", "Sulfuron", "Ragnaros", "Magmadar", "Golemagg", "Garr", "Shazzrah", "Majordomo"];
var k_MC = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0];




// *************************************
// Don't change anything below this line
// *************************************
function showKills (list,kills) {
var i = 0;
var tipstr = "<table>";
for (var j=0; j<list.length; j++) {
if (kills[j] == 1) {
var tmp = "<s>" + list[j] + "</s></td><td>(Killed)";
i++
} else {
var tmp = list [j] + "</td><td>";
}
tipstr += "<tr><td>" + tmp + "</td></tr>";
}
tipstr += "</table>";
return tipstr;
}

function kills (rowEl, x) {
var s = 0;
for (var i = 0; i < x.length; i++) {
s += (typeof x == 'number') ? x : 0;
}
if (s != 0) {
rowEl.className="show";

s = s + "/" + x.length;

(s);

}
return s;
};

// END BOSS VARIABLES
// *************************************
</s~cript>



Here is my version of the HTML table:   (same thing with the s~cript replacements for posting purposes)

* I've added a few more sections from the original wow raids
* Stripped out the hard coded total bosses


<center>
<table class="progBox" border="0"><tbody>
<!-- Burning Crusade -->
<tr id="r_Kara" class="hide" ="ddrivetip(showKills(b_Kara,k_Kara),'CCCCDD','250');" ="hideddrivetip();"><td class="s_Kara">Karazhan</td><td>(<s~cript language="javas~cript">kills(r_Kara,k_Kara);</s~cript>)</td></tr>
<tr id="r_ZulAman" class="hide" ="ddrivetip(showKills(b_ZulAman,k_ZulAman),'CCCCDD','150');" ="hideddrivetip();"><td class="s_ZulAman">Zul'Aman</td><td>(<s~cript language="javas~cript">kills(r_ZulAman,k_ZulAman);</s~cript>)</td></tr>
<tr id="r_DLKazzak" class="hide" ="ddrivetip(showKills(b_DLKazzak,k_DLKazzak),'CCCCDD','200');" ="hideddrivetip();"><td class="s_DLKazzak">Doom Lord Kazzak</td><td>(<s~cript language="javas~cript">kills(r_DLKazzak,k_DLKazzak);</s~cript>)</td></tr>
<tr id="r_Doomwalker" class="hide" ="ddrivetip(showKills(b_Doomwalker,k_Doomwalker),'CCCCDD','150');" ="hideddrivetip();"><td class="s_Doomwalker">Doom Walker</td><td>(<s~cript language="javas~cript">kills(r_Doomwalker,k_Doomwalker);</s~cript>)</td></tr>
<tr id="r_Gruul" class="hide" ="ddrivetip(showKills(b_Gruul,k_Gruul),'CCCCDD','180');" ="hideddrivetip();"><td class="s_Gruul">Gruul's Lair</td><td>(<s~cript language="javas~cript">kills(r_Gruul,k_Gruul);</s~cript>)</td></tr>
<tr id="r_Mags" class="hide" ="ddrivetip(showKills(b_Mags,k_Mags),'CCCCDD','150');" ="hideddrivetip();"><td class="s_Mags">Magtheridon's Lair</td><td>(<s~cript language="javas~cript">kills(r_Mags,k_Mags);</s~cript>)</td></tr>
<tr id="r_Serpent" class="hide" ="ddrivetip(showKills(b_Serpent,k_Serpent),'CCCCDD','150');" ="hideddrivetip();"><td class="s_Serpent">Serpentshrine Cavern </td><td>(<s~cript language="javas~cript">kills(r_Serpent,k_Serpent);</s~cript>)</td></tr>
<tr id="r_theEye" class="hide" ="ddrivetip(showKills(b_theEye,k_theEye),'CCCCDD','150');" ="hideddrivetip();"><td class="s_theEye">The Eye</td><td>(<s~cript language="javas~cript">kills(r_theEye,k_theEye);</s~cript>)</td></tr>
<tr id="r_MtHyjal" class="hide" ="ddrivetip(showKills(b_MtHyjal,k_MtHyjal),'CCCCDD','170');" ="hideddrivetip();"><td class="s_MtHyjal">Mount Hyjal</td><td>(<s~cript language="javas~cript">kills(r_MtHyjal,k_MtHyjal);</s~cript>)</td></tr>
<tr id="r_BlackTemple" class="hide" ="ddrivetip(showKills(b_BlackTemple,k_BlackTemple),'CCCCDD','220');" ="hideddrivetip();"><td class="s_BlackTemple">Black Temple</td><td>(<s~cript language="javas~cript">kills(r_BlackTemple,k_BlackTemple);</s~cript>)</td></tr>
<tr id="r_Sunwell" class="hide" ="ddrivetip(showKills(b_Sunwell,k_Sunwell),'CCCCDD','160');" ="hideddrivetip();"><td class="s_Sunwell">Sunwell Plateau</td><td>(<s~cript language="javas~cript">kills(r_Sunwell,k_Sunwell);</s~cript>)</td></tr>
<!-- Original WoW  -->
<tr id="r_ZG" class="hide" ="ddrivetip(showKills(b_ZG,k_ZG),'CCCCDD','160');" ="hideddrivetip();"><td class="s_ZG">Zul'Gurub</td><td>(<s~cript language="javas~cript">kills(r_ZG,k_ZG);</s~cript>)</td></tr>
<tr id="r_AQ20" class="hide" ="ddrivetip(showKills(b_AQ20,k_AQ20),'CCCCDD','160');" ="hideddrivetip();"><td class="s_AQ20">Ahn'Qiraj 20</td><td>(<s~cript language="javas~cript">kills(r_AQ20,k_AQ20);</s~cript>)</td></tr>
<tr id="r_Ony" class="hide" ="ddrivetip(showKills(b_Ony,k_Ony),'CCCCDD','160');" ="hideddrivetip();"><td class="s_Ony">Onyxia</td><td>(<s~cript language="javas~cript">kills(r_Ony,k_Ony);</s~cript>)</td></tr>
<tr id="r_MC" class="hide" ="ddrivetip(showKills(b_MC,k_MC),'CCCCDD','160');" ="hideddrivetip();"><td class="s_MC">Molten Core</td><td>(<s~cript language="javas~cript">kills(r_MC,k_MC);</s~cript>)</td></tr>
</tbody></table>
</center>



One Question I still have....

Is there a style method that will control style of the pop up tooltip?

TopBottom

Pentamorous (New Admin) 5/27/2008 1:27 PM EST : RE: Guild Progression box
Pentamorous
Posts: 2317
Zomgawsh Poster


I think I found a way to stop the GP Editor from goofing with the code, if you put the javascript and the HTML content together in a content box.

This edit to Mottie's "kill" function should allow the GP editor to do it's thing without messing things up.



function kills (rowEl, x) {
if (String(top.name).substring(0,4) == "Edit") {
  return;
}

var s = 0;
 for (var i = 0; i < x.length; i++) {
  s += (typeof x == 'number') ? x : 0;
 }
 if (s != 0) {
  rowEl.className="show";
  s = s + "/" + x.length;
  (s);
 }
else
{
    rowEl.className="hide";
}
return s;
};
TopBottom

Mottie (MVP) 5/28/2008 2:58 AM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

Cool! I'm glad you found it useful and good idea of coding in the total bosses - I should have thought of that... and I try out that code to get around the editor problem. I'll update it with those changes later today

Oh, and the tooltip question... I'm using the same one GuildPortal uses. Look at the "state" bar across the top of your page to see examples of how to add color.

Thanks for the input and enjoy!

Edit: Tried out the code to stop the editor... awesome!! Thanks for figuring that out Pentamorous!!
TopBottom

RLMariz (Guild Admin) 5/28/2008 3:11 AM EST : RE: Guild Progression box

RLMariz
Posts: 310
Fingers of Fury!

I hate saying these words, but I'm a newb when it comes to using javascript. For the life of me (and the six hours I tried) I can't figure out how to make this work. Is it possible that one of you lovely people would be willing to do a step by step of what goes where?

Thanks!
Mariz.

No alternate text supplied.

No alternate text supplied.

No alternate text supplied.
TopBottom

Mottie (MVP) 5/28/2008 3:36 AM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3883
Zomgawsh Poster

What is it not doing? I looked at your site and didn't see it there.

Oh and for some odd reason this function doesn't show up right until you go to the reply box... I have no ideawhy it does this - I'll edit it in the original post, but the [ i ] wasgetting dropped in the code below, so I changed it into a "j":

function kills (rowEl, x) {
var s = 0;
 for (var j = 0; j < x.length; j++) {
  s += (typeof x[j] == 'number') ? x[j] : 0;
 }
 if (s != 0) {
  rowEl.className="show";
  s += "/" + x.length;
  (s);
 }
return s;
};
TopBottom

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