Sign Up! Login: Password: New User? Forgot? Support
Code 
 
 
Forums 
Forums : Archive > Progression Box
Mottie (SuperAdmin) 8/13/2009 3:21 AM EST : RE: Progression Box v2.2 (Ulduar)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Coriptus!

Thank you for the compliment! I'm glad you have found it useful

As for your tooltips ending up under the video, you'll have to edit the message (if you have admin rights) or ask your guild master to make the change below before posting:

This is the current video you have on your site... just add the portion I highlighted in red (wmode="transparent") and you should be good to go.
<embed height="340" type="application/x-shockwave-flash" width="560" wmode="transparent" src="http://www.youtube.com/v/oEcCItDmIz0&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true" />



Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

coriptus (Member) 8/13/2009 9:31 AM EST : RE: Progression Box v2.2 (Ulduar)
coriptus
Posts: 735

0
Like

0
Dislike

Awsome i knew there was a way to do it thanks again for everything Mottie u rock man
Coriptus
Officer of Broken Aegis

TopBottom

ReannaVeco (Member) 9/27/2009 10:03 AM EST : RE: Progression Box v2.2 (Ulduar)
ReannaVeco
Posts: 131

0
Like

0
Dislike

hi mottie first i gotta say i love your site it's helped me a ton...

i wanted to keep a progression list on my guild's page and i had the compact one at first but everyone kept asking me why it doesn't show 10man and 25man and the total number of bosses and i am so not into html lol.. so i found one of the old list and i revamped it a little here and there.. i also borrowed two of your gif links to use for icons i hope that's ok blink.. anyways my question is i'd like to bold the titles i created and i'm not sure how to do it.. i'm sure it's something simple but i really am not that good with this sort of stuff so i was hoping you could help me?   here is what i added to your orginal progression list the red part of the code is what i want to bold or to make it standout more..and here is the link to my site so you can see the full thing http://www.guildportal.com/Guild.aspx?GuildID=319112&TabID=2675368 

Thanks much After your Heart



    //Wrath of the Lich King (10 man)
    wowWotLK.push ([

    ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eqmagician.gif"]
    ,["10 Man Raids", "(10 man)"]
    ,["Naxxramas", "Killed"]
    ,["VoA", "Killed"]
    ,["OS", "Killed"]
    ,["EoE", "Killed"]
    ,["Uldar", "Killed"]
    ,["ToC", "Killed"]
    ,["Onyxia", "Killed"]
    ,["ToGC", "Killed"]
    ]);

    //Wrath of the Lich King (25 man)
    wowWotLK.push ([

    ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eqmonk.gif"]
    ,[" 25 Man Raids", "(25 man)"]
    ,["Naxxramas", "Killed"]
    ,["VoA", "Killed"]
    ,["OS", "Killed"]
    ,["EoE", "Killed"]
    ,["Uldar", "Killed"]
    ,["ToC", "Killed"]
    ,["Onyxia", "Killed"]
    ,["ToGC", "No"]
    ]);

Reanna Glory Officer
TopBottom

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

0
Like

0
Dislike

Hi ReannaVeco!

Thanks! I'm glad you're finding my site useful 

I took a look at your code and noticed your tooltips weren't working, so I added that and added <strong>10 Man Raids</strong> around your instance headers. You can do that or add something like <span style="font-size: 16px; font-weight:bold;">10 Man Raids</span>. I also removed the icons for the original WoW and TBC since you didn't have anything listed.

And last thing, I added a bossKilledKeyWord = "Killed|Cleared".. so your instances show up as cleared instead of killed. You could add farm to that list as well if you want like this "Killed|Cleared|Farm"

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

<style type="text/css">
 /* Progression box */
 #progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }
 /* Instance name text */
 .instance { color:#cccccc; }
 /* 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 */
 .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; }
 .hide { display: none; }
 .show { display: inline; }
</style>

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

// Tooltip width and progression icon size
var tooltipWidth = 300;
var tooltipStatusWidth = 95;
var iconHeight = 30;

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

// 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 (10 man)
  ******************************************** */
//Wrath of the Lich King (10 man)
wowWotLK.push ([

["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eqmagician.gif"]
,["<strong>10 Man Raids</strong>", "(10 man)"]
,["Naxxramas", "Cleared"]
,["VoA", "Cleared"]
,["OS", "Cleared"]
,["EoE", "Cleared"]
,["Uldar", "Cleared"]
,["ToC", "Cleared"]
,["Onyxia", "Cleared"]
,["ToGC", "Cleared"]
]);

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

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

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

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

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

// TRIAL OF THE CRUSADER (10 man)
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Crusader.gif"]
,["Trial of the Crusader", "(10 man)"]
,["Northrend Beasts", "Killed"]
,["Lord Jaraxxus", "Killed"]
,["Faction Champions", "Killed"]
,["Twin Val'kyr", "Killed"]
,["Anub'arak", "Killed"]
]);

// TRIAL OF THE GRAND CRUSADER (10 man)
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GrandCrusader.gif"]
,["Trial of the Grand Crusader", "(10 man)"]
,["Northrend Beasts", "Killed"]
,["Lord Jaraxxus", "Killed"]
,["Faction Champions", "Killed"]
,["Twin Val'kyr", "Killed"]
,["Anub'arak", "No"]
]);

// ONYXIA (10 man)
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "(10 man)"]
,["Onyxia", "Killed"]
]);


/* ********************************************
   SEPARATOR
   ******************************************** */
wowWotLK.push([
 ["<hr>"]
])

/* ********************************************
   Wrath of the Lich King (25 man)
   ******************************************** */
//Wrath of the Lich King (25 man)
wowWotLK.push ([

["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/eqmonk.gif"]
,["<strong>25 Man Raids</strong>", "(25 man)"]
,["Naxxramas", "Cleared"]
,["VoA", "Cleared"]
,["OS", "Cleared"]
,["EoE", "Cleared"]
,["Uldar", "Cleared"]
,["ToC", "Cleared"]
,["Onyxia", "Cleared"]
,["ToGC", "In Progress"]
]);

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

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

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

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

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

// TRIAL OF THE CRUSADER (25 man)
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Crusader.gif"]
,["Trial of the Crusader", "(25 man)"]
,["Northrend Beasts", "Killed"]
,["Lord Jaraxxus", "Killed"]
,["Faction Champions", "Killed"]
,["Twin Val'kyr", "Killed"]
,["Anub'arak", "Killed"]
]);

// TRIAL OF THE GRAND CRUSADER (25 man)
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GrandCrusader.gif"]
,["Trial of the Grand Crusader", "(25 man)"]
,["Northrend Beasts", "No"]
,["Lord Jaraxxus", "No"]
,["Faction Champions", "No"]
,["Twin Val'kyr", "No"]
,["Anub'arak", "No"]
]);

// ONYXIA (25 man)
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "(25 man)"]
,["Onyxia", "Killed"]
]);


// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultWoW);
function pickExp(ex) {
 if (String(top.name).substring(0,4) == "Edit") { return; }
 var sQ = "&quot;";
 var pb = "<center><table class=progBox border=0 width='100%'><tbody>";
 for (var inst=0; inst < ex.length; inst++) {
  var killed = 0;
  if (ex[inst][0]=="<hr>"){pb+="<tr><td colspan=3><hr></td></tr>";inst++;}
  var sN = ex[inst][1][0].replace(/\(/g,"&#40;");
  var sNL = (sN.match("&#40")) ? sN.indexOf("&#40")-1 : sN.length;
  var shortName = sN.substring(0,sNL);
  pb += '<tr ';
   if (!showAllRows && (ex[inst][1][1].match(raidingKeyWord) || (ex[inst][1][1] == '' && ex[inst][2][1] == ''))) pb += ' class="hide"';
  pb += 'class="tooltip" title="<table><tr><td class=tooltipHeader width=' + tooltipWidth + '>';
  pb += ex[inst][1][0].replace(/\"/g,sQ) + '</td><td>' + ex[inst][1][1].replace(/\"/g,sQ) + '</td></tr>';
  for (var boss=2; boss < (ex[inst].length); boss++) {
   if (ex[inst][boss][1].match(bossKilledKeyWord)) {
    pb += '<tr><td class=killedBoss>' + ex[inst][boss][0].replace(/\"/g,sQ) + '</td><td class=killedText ';
    killed ++;
   } else {
    pb += '<tr><td class=toKillBoss>' + ex[inst][boss][0].replace(/\"/g,sQ) + '</td><td ';
   }
  pb += 'width=' + tooltipStatusWidth + '>' + ex[inst][boss][1] + '</td></tr>';
  }
  pb += '</table>"><td class="instanceImgCell"><img src="' + ex[inst][0] + '" height="' + iconHeight +
   '"></td><td class="instance">' + shortName + '</td><td class=bossCount>(' + killed + '/' + (ex[inst].length-2) + ')</td></tr>';
 }
 pb += '</table>';
 document.getElementById('progBox').innerHTML = pb;
}
</script>
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

ReannaVeco (Member) 9/28/2009 1:32 PM EST : RE: Progression Box v2.2 (Ulduar)
ReannaVeco
Posts: 131

0
Like

0
Dislike

omg i love you! i couldn't get that pop up box to work i just figured i was putting it in the wrong place or something. your awsome thanks so much!
Reanna Glory Officer
TopBottom

Mottie (SuperAdmin) 11/28/2009 1:23 AM EST : Progression Box v2.23 (Icecrown)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

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

Progression Box v2.23 (Icecrown Citadel)

Changes from v2.22:
  • Added Icecrown Citadel instances - thanks to Deuteros_CHAOS!
  • Using temporary Icecrown Citadel icons (made from the achievement icon).


Updated Portion Only - Replace the old "// ICECROWN CITADEL" with this code.
// ICECROWN CITADEL
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/icc.png"]
,["Icecrown Citadel", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["Lord Marrowgar", "", ""]
,["Lady Deathwhisper", "", ""]
,["Icecrown Gunship Battle", "", ""]
,["Deathbringer Saurfang", "", ""]
,["Festergut", "", ""]
,["Rotface", "", ""]
,["Professor Putricide", "", ""]
,["Prince Valanar", "", ""]
,["Prince Keleseth", "", ""]
,["Prince Taldram", "", ""]
,["Blood-Queen Lana'thel", "", ""]
,["Valithria Dreamwalker", "", ""]
,["Sindragosa", "", ""]
,["The Lich King", "", ""]
]);

// ICECROWN CITADEL HEROIC
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/icc.png"]
,["Icecrown Citadel Heroic", "(10 Heroic)<br>-closed-", "(25 Heroic)<br>-closed-"]
,["Lord Marrowgar", "", ""]
,["Lady Deathwhisper", "", ""]
,["Icecrown Gunship Battle", "", ""]
,["Deathbringer Saurfang", "", ""]
,["Festergut", "", ""]
,["Rotface", "", ""]
,["Professor Putricide", "", ""]
,["Prince Valanar", "", ""]
,["Prince Keleseth", "", ""]
,["Prince Taldram", "", ""]
,["Blood-Queen Lana'thel", "", ""]
,["Valithria Dreamwalker", "", ""]
,["Sindragosa", "", ""]
,["The Lich King", "", ""]
]);
Customizing
  • Please refer to the previous customizing instructions, since I'm too lazy to type it all up again LOL
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

Eldaberry (Member) 11/28/2009 8:15 AM EST : RE: Progression Box v2.1 (WotLK)
Eldaberry
Posts: 15

0
Like

0
Dislike

Would it be possible for you to use your awesome talents to design an official LoTRO progression box? Bunny Dance

TopBottom

Mag)Laser (Applicant) 12/7/2009 9:21 PM EST : RE: Progression Box v2.1 (WotLK)

Mag)Laser
Posts: 20

0
Like

0
Dislike

Hi Mottie. I copied the script you gave to that other guy for use on his guild website and it is not working at all.

Does it just go into a free form text/html box or am I missing something?'

Thanks.
TopBottom

Mottie (SuperAdmin) 12/7/2009 11:08 PM EST : RE: Progression Box v2.1 (WotLK)
ACK!
Mottie
Posts: 3884

0
Like

0
Dislike

Hi Mag)Laser!

It looks like you are just missing the tooltip script - it's needed because the progression data is added dynamically. Add this to your Custom 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; border-radius: 1em; -moz-border-radius: 1em; }
</style>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
You can modify the colors of the tooltip to match your site by changing the code in blue.
Characters: Mottie Motty Mortie Ooshiny Mot Fudgems
TopBottom

AillieBom (Applicant) 1/14/2010 11:56 PM EST : RE: Progression Box v2.1 (WotLK)

AillieBom
Posts: 106

0
Like

0
Dislike

ok so this has been driving me crazy all day lol. First off, love your work cannot thank you enough for progression box, recruitment box, and numerous other things ...  now my problem is my the colour of the Bosses in my tooltip, they are black which blends in with black tooltip background so yeah not good lol. I have tried changing the colour myself but it stays black, and i also have the code you mentioned in a previous post in my footer - can you help?  my website is  My Site

#have also just noticed on the tooltip on the right hand side at the top where it says '(10 Man Cleared)' its also black
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%