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! > LOTRO Progression Box
Mottie (MVP) 11/29/2009 3:22 PM EST : LOTRO Progression Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

LOTRO Progression Box v1.0

  • This script should be added to a Free Form Text/HTML type Widget.
  • Copy the code below
  • Paste it into the editor while in <> HTML mode
  • Modify the code to match your guild's progression.
  • Save
Thanks to Eldaberry for all the help organizing this script!

Content Box

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

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

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

/* 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; }

.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2 { width: 250px; }
#tooltip, #tooltip2, #preview {
 color: #dddddd;
 background: #222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 border-radius: 1em;
 -moz-border-radius: 1em;
 -webkit-border-radius: 1em;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
}
</style>
<div style="text-align:center">
<span id="progSelect">
<img class="tooltip" src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-soa.png" title="Shadows of Angmar" onclick="pickExp(SoA);">
<img class="tooltip" src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-mom.png" title="Mines of Moria" onclick="pickExp(MoM);">
<img class="tooltip" src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-som.png" title="Siege of Mirkwood" onclick="pickExp(SoM);">
</span>
<div id="progBox"></div>
</div>

<script type="text/javascript">
var SoA = [];
var MoM = [];
var SoM = [];

var tooltipWidth = 300;
var tooltipStatusWidth = 95;

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

// 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"
var showAllRows = true;

// Default displayed progression
var defaultProgress = MoM;

/*
 Boss Information   
 ********************************************
- Each progression variable is set up as follows:
   SoM.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"]
   ]);
 ******************************************** */

/********************************************
 Shadows of Angmar
 ******************************************** */
// GREAT BARROW
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-greatbarrow.jpg"]
,["Great Barrow", ""]
,["Gaerthel and Gaerdring", ""]
,["Thadúr the Ravager", ""]
,["Sambrog", ""]
]);

// GARTH AGARWEN
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-garthagarwen.jpg"]
,["Garth Agarwen", ""]
,["Temair the Devoted", ""]
,["Grimbark", ""]
,["Edan and Esyld", ""]
,["Ivar the Bloodhand", ""]
,["Vatar", ""]
,["Naruhel", ""]
]);

// FORNOST
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-fornost.jpg"]
,["Fornost", ""]
,["Megoriath", ""]
,["Warchief Búrzgâsh", ""]
,["Gurkâmâb", ""]
,["Zhurmat", ""]
,["Rhavameldir", ""]
,["Zanthrug", ""]
,["Shiruk and Kamordî", ""]
,["Brogadan", ""]
,["Riamul", ""]
,["Krithmog", ""]
,["Einiora", ""]
,["Remmenaeg", ""]
]);

// ANNÚMINAS: GLINGANT
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-glinghant.jpg"]
,["Glingant", ""]
,["Nengon", ""]
]);

// ANNÚMINAS: OST ELENDIL
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-ostelendil.jpg"]
,["Ost Elendil", ""]
,["Guloth", ""]
,["Balhest", ""]
]);

// ANNÚMINAS: HAUDH VALANDIL
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-haudhvalandil.jpg"]
,["Haudh Valandil", ""]
,["Shingrinder", ""]
,["Dolvaethor", ""]
,["Valandil of Arnor", ""]
]);

// BARAD GÚLARAN
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-baradgularan.jpg"]
,["Barad Gúlaran", ""]
,["Forvengwath", ""]
,["Afraig", ""]
,["Coblaith", ""]
,["Castellan Wisdán", ""]
,["Múlvuirë", ""]
,["Udúnion", ""]
]);

// CARN DÛM
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-carndum.jpg"]
,["Carn Dûm", ""]
,["Urro", ""]
,["Barashel", ""]
,["Helchgam", ""]
,["Sálvakh", ""]
,["Azgoth", ""]
,["Avalgaith", ""]
,["Târlakh", ""]
,["Târlug", ""]
,["Mormoz", ""]
,["Rodakhan", ""]
,["Múra", ""]
,["Gúrthul", ""]
,["Mordirith", ""]
]);

// URUGARTH
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-urugarth.jpg"]
,["Urugarth", ""]
,["Sorkrank", ""]
,["Burzfîl", ""]
,["Dushkâl", ""]
,["Arkur", ""]
,["Kughûrz", ""]
,["Gríshakrum", ""]
,["Lamkarn", ""]
,["Athpukh", ""]
,["Lhugrien", ""]
,["Morthrang", ""]
,["Gruglok", ""]
,["Lagmas", ""]
]);

// HELEGROD
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-helegrod.jpg"]
,["Helegrod", ""]
,["Coldbear", ""]
,["Adhargal", ""]
,["Ansach", ""]
,["Breosal", ""]
,["Grisgart", ""]
,["Storvâgûn", ""]
,["Zaudru", ""]
,["Drugoth", ""]
,["Thorog", ""]
]);

// RIFT OF NURZ GHASHU
SoA.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-rift.jpg"]
,["Rift of Nurz Ghashu", ""]
,["Barz", ""]
,["Zurm", ""]
,["Fruz", ""]
,["Zogtark", ""]
,["Narnûlubat", ""]
,["Shadow-Eater & Stone-Biter", ""]
,["Thrâng", ""]
,["Thaurlach", ""]
]);

/********************************************
 Mines of Moria
 ******************************************** */
// THE GRAND STAIR
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-grandstair.jpg"]
,["The Grand Stair", ""]
,["lzkal the Pummeler", ""]
,["Glothrok the Vile", ""]
,["Forzunk", ""]
,["Gothghaash the Firecaller", ""]
,["Dorozg the Beast Tamer", ""]
,["The Beast", ""]
,["Nardur the Shield", ""]
,["Igash the Fanatic", ""]
]);

// THE FORGES
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-forges.jpg"]
,["The Forges", ""]
,["Narkû", ""]
,["Dhaub", ""]
,["Thrug", ""]
,["Krankluk", ""]
]);

// HALLS OF CRAFTING
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-glinghant.jpg"]
,["Halls of Crafting", ""]
,["Ambal", ""]
,["Bashkuga", ""]
,["Thaguzg", ""]
]);

// THE SIXTEENTH HALL
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-sixteenth.jpg"]
,["The Sixteenth Hall", ""]
,["Tramug", ""]
,["Dhurz", ""]
,["The Lost One", ""]
]);

// SKUMFIL
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-skumfil.jpg"]
,["Skumfil", ""]
,["Bonetooth", ""]
,["Old Gnawer", ""]
,["Rockjaw", ""]
,["Shalebiter", ""]
,["Grimreaver", ""]
]);

// FIL GASHAN
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-filgashan.jpg"]
,["Fil Gashan", ""]
,["Chef Vrarz", ""]
,["Commander Greb", ""]
,["General Talug", ""]
]);

// FILIKUL
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-filikul.jpg"]
,["Filikul", ""]
,["Nornúan", ""]
]);

// DARK DELVINGS
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-delving.jpg"]
,["Dark Delvings", ""]
,["The Void-Eater", ""]
,["The Doom-Speaker", ""]
,["Gurvand", ""]
]);

// THE VILE MAW
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-vilemaw.jpg"]
,["The Vile Maw", ""]
,["The Watcher in the Water", ""]
]);

// DÂR NARBUGUD
MoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/lotro-darnarbugud.jpg"]
,["Dâr Narbugud", ""]
,["Mistress of Pestilence", ""]
,["The Blind One", ""]
,["Zholuga", ""]
,["Istum", ""]
,["Flagit", ""]
,["Blagh & Rung", ""]
]);

/********************************************
 Siege of Mirkwood
 ******************************************** */
// TBA
SoM.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk.png"]
,["To Be Announced", "-Closed-"]
,["Unknown", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultProgress);
function pickExp(ex) {
 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 class="tooltip';
   if (!showAllRows && (ex[inst][1][1].match(raidingKeyWord) || (ex[inst][1][1] == '' && ex[inst][2][1] == ''))) pb += ' hide';
  pb += '" title="<table><tr><td class=tooltipHeader width=' + tooltipWidth + '>';
  pb += ex[inst][1][0].replace(/\"/g,'&quot;') + '</td><td nowrap>' + ex[inst][1][1].replace(/\"/g,'&quot;') + '</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,'&quot;') + '</td><td class=killedText ';
    killed ++;
   } else {
    pb += '<tr><td class=toKillBoss>' + ex[inst][boss][0].replace(/\"/g,'&quot;') + '</td><td ';
   }
  pb += 'width=' + tooltipStatusWidth + '>' + ex[inst][boss][1] + '</td></tr>';
  }
  pb += '</table>" rel="' + tooltipWidth + '"><td class="instanceImgCell"><img src="';
  pb += ex[inst][0] + '"></td><td class="instance">' + shortName + '</td><td class=bossCount>(' + killed;
  pb += '/' + (ex[inst].length-2);
  pb += ')</td></tr>';
 }
 pb += '</table>';
 $('#progBox').html(pb);
}
</script>

Customizing the Script

CSS
  • "#progBox" defines the progression box style and font size.
  • ".instance" defines the instance name color & style.
  • ".instanceImgCell" defines the size of the cell that contains the instance image (only change if you're using a different image).
  • ".instanceImgCell img" defines the styling and size of the instance image. This is where you set the icon size - default is 30px for height and width.
  • ".bossCount" defines the text color and alignment of the bosses killed count "(5/6)".
  • ".tooltipHeader" defines the style and color of the tooltip title.
  • ".killedBoss" defines the boss name style when it has been killed. The default is set to put a line through the name.
  • ".toKillBoss" defines the boss name style when it hasn't been killed.
  • ".killedText" defines the style for the boss status when it has been killed. The default style makes the text red.
Variables (in red)
  • Style for an instance being raided (raidingKeyWord):
    The script looks for this keyword in the instance status. The script will hide that instance row if (1) The keyword is in the instance status, or (2) if both the instance status and the first boss status are blank.
  • Style for a killed boss (bossKilledKeyWord):
    The script looks for this keyword in your boss status text to determine if it needs to apply CSS to it. Default is set to "Killed". The keyword is case sensitive.
  • Show all rows (showAllRows):
    If set to true, the script will show all instance rows regardless of what is in the status. If set to false, it will hide rows where the instance status keyword is found.
  • Default display (defaultProgress):
    The script will display this instance group by default. It is set to "MoM" to show Shadow of Angmar or Siege of Mirkwood raids by default. You can pick "SoA" or "SoM", respectively.
Progression status
  • Change your instance and boss status as desired (in blue). The script is set up as follows:
SoM.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"]
]);
  • The Siege of Mirkwood dungeon & boss names will be added as more information becomes available.
TopBottom

Valdaglerion (Guild Admin) 11/29/2009 11:52 PM EST : RE: LOTRO Progression Box
Valdaglerion
Posts: 2473
Zomgawsh Poster

To update this, the new Siege of Mirkwood instances/raids are:

  • Dungeons of Dol Guldur
  • Sword-hall of Dol Guldur
  • Warg-pens of Dol Guldur
  • Sammath Gul
  • Barad Guldur

Not sure where the cool icons came from for the code above!
TopBottom

Mottie (MVP) 11/30/2009 12:39 AM EST : RE: LOTRO Progression Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Thanks Valdaglerion!

I'll need the boss names too before I post an update though. I got the icons from wider versions off another site *cough* but it wasn't as up to date as this version I posted.
TopBottom

takerthetank (New Admin) 9/8/2010 6:31 AM EST : RE: LOTRO Progression Box
takerthetank
Posts: 91
Posts With Wolves

Mirkwood added Siege of Mirkwood ******************************************** */ // Sword Halls SoM.push ([ ["http://i31.photobucket.com/albums/c394/ryrytio/sword_halls-1.jpg"] ,["Sword Halls", ""] ,["Urcheron", ""] ,["Carchrien", ""] ,["Durkar", ""] ]); // Warg Pens SoM.push ([ ["http://i31.photobucket.com/albums/c394/ryrytio/250px-Kranklob-1.jpg"] ,["Warg Pens", ""] ,["Athgrat", ""] ,["Kranklob", ""] ]); // Dungeons SoM.push ([ ["http://i31.photobucket.com/albums/c394/ryrytio/Lotro-screenshot-mmoreviews.jpg"] ,["Dungeons", ""] ,["The Warden", ""] ]); // Sammath Gul SoM.push ([ ["http://i31.photobucket.com/albums/c394/ryrytio/sammath_gul-1.jpg"] ,["Sammath Gul", ""] ,["Urchir", ""] ,["Alasgossir", ""] ,["Gorothul", ""] ,["Demafaer", ""] ]); // Barad Guldur SoM.push ([ ["http://i31.photobucket.com/albums/c394/ryrytio/09_chambers_instance.jpg"] ,["Barad Guldur", ""] ,["Durchest", ""] ,["The Twins", ""] ,["Lieutenant", ""] ]); // ****************************************************** // Don't change anything below this line // ****************************************************** pickExp(defaultProgress); function pickExp(ex) { var pb = "
<>"; for (var inst=0; inst < ex.length; inst++) { var killed = 0; if (ex[inst][0]=='
'){pb+=' <>';inst++;} var sN = ex[inst][1][0].replace(/\(/g,'('); var sNL = (sN.match('(')) ? sN.indexOf('(')-1 : sN.length; var shortName = sN.substring(0,sNL); pb += ' <>

TopBottom

Mottie (MVP) 9/13/2010 4:21 PM EST : RE: LOTRO Progression Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Takerthetank!

What is your post about?
TopBottom

Anton668 (New Admin) 9/12/2011 10:36 PM EST : RE: LOTRO Progression Box
Anton668
Posts: 190
Posts With Wolves

any chance on an update on this for those of us whose HTML skills could only be described as "making it up as we go along"?
TopBottom

Gekko (New Admin) 12/5/2011 10:49 AM EST : RE: LOTRO Progression Box
Gekko
Posts: 841
Zomgawsh Poster

Is there a newer version with Siege of Mirkwood and Rise of Isengard in it?  Also we are getting Update5 for RoI and that will have some new instances and raids.  I would like to add those to my site.

TIA

Sabriel 
leliondormant.net
TopBottom

Mottie (MVP) 12/5/2011 7:12 PM EST : RE: LOTRO Progression Box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Sabriel!

I don't play LotRO so I have no clue what the new instances/bosses are named in the new update. I did a search online and only found the instance names, but no boss names. Any ideas?
TopBottom

Gekko (New Admin) 12/6/2011 10:51 PM EST : RE: LOTRO Progression Box
Gekko
Posts: 841
Zomgawsh Poster

I am not sure all what you need to update this but here are some starter items.  If you need more info I will try to provide it.

More details can be found here: http://lotro-wiki.com/index.php/Category:Raids



Mirkwood

Barad Guldur (12 man raid / 3 sections)

boss: Dúrchest

bosses: Twins of Fire and Shadow (Cargaraf and Morgaraf)

boss: Lieutenant of Dol Guldur

 


Enedwaith

Ost Dunhoth (12 man raid / 5 wings )

Wound Wing...bosses: Dungarth, Vark and Kaveran

Fear Wing....boss: Durin's Bane

Poison Wing.....boss: Frothmar

Disease Wing.... bosses: Baleleaf and Dourbark

Crypt.... bosses: Ivar (with mini bosses: (Matumáth, Matúrz-olog, Narslaug and Dúngorth) and Gotheron


Rise of Isengard

Draigoch's Lair (12/24 man raid  / single dungeon 1 boss)

boss: Draigoch

TopBottom

Nykeawyn (New Admin) 5/6/2012 1:20 PM EST : RE: LOTRO Progression Box
Nykeawyn
Posts: 246
Fingers of Fury!

/********************************************
 Rise of Isengard
 ******************************************** */
// DRAIGOCH
RoI.push ([
 ["http://www.thewesternalliance.org/lem-files/event/Draigoch-1.png']
,["Draigoch", ""]
]);

//RING OF FIRE AND FROST
RoI.push ([
 ["http://icons.iconarchive.com/icons/danila-medvedev/movie-xp/48/Two-Towers-2-icon.png"]
,["Crisiant", ""]
,{"Usgarren", ""]
]);

//RING OF ACID
RoI.push ([
 ["http://icons.iconarchive.com/icons/danila-medvedev/movie-xp/48/Two-Towers-2-icon.png"]
,["Iorweth", ""]
]);

//RING OF LIGHTNING
RoI.push ([
 ["http://icons.iconarchive.com/icons/danila-medvedev/movie-xp/48/Two-Towers-2-icon.png"]
,["Kalbak", ""]
]);

//RING OF SHADOW
RoI.push ([
 ["http://icons.iconarchive.com/icons/danila-medvedev/movie-xp/48/Two-Towers-2-icon.png"]
,["Bukot", ""]
]);

//SARUMAN'S RING
RoI.push ([
 ['http://icons.iconarchive.com/icons/danila-medvedev/movie-xp/48/Two-Towers-2-icon.png"]
,["Saruman", ""]
]);

//FANGORNS EDGE
RoI.push ([
 ["http://archiehopeful.files.wordpress.com/2011/12/scary_forest.jpeg"]
,["Undurz", ""]
]);

//PITS OF ISENGARD
RoI.push ([
 ["http://png-5.findicons.com/files//icons/1330/lotr_armoury_of_the_third_age/128/arms_of_isengard.png"]
,["Zaburz", ""]
,["Ironarm", ''"]
,["Fushbraf", ""]
]);

//DARGNAKH UNLEASHED
RoI.push([
 ["http://png-4.findicons.com/files//icons/1330/lotr_armoury_of_the_third_age/128/bonus_cave_troll.png"]
,["Dargnakh", ""]
,["Huva", '']
]);

//ROOTS OF FANGORN
RoI.push ([
 ["http://archiehopeful.files.wordpress.com/2011/12/scary_forest.jpeg"]
,["Frushkul", ""]
,["Gurthul", ""]
]);


I don't know if this helps, but it has the new instance names and the bosses associated with them.
TopBottom

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