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
s000m1 (New Admin) 9/4/2009 11:32 AM EST : RE: Guild Progression box
s000m1
Posts: 75
Posts With Wolves

Hi Mottie, did as you suggested , it nearly works!

I now have the 25man text appearing where the 10 man text should be, the 10 man text is stuck in the top left if you check my site you'll see what i mean

http://www.guildportal.com/Guild.aspx?GuildID=325319&TabID=2727286

So close though i'm sure it's something simple, any ideas?

Edit: Scratch that found it, there was a tdalign variable with the same spacing problem adjusted to td align   and voila now works!

Thank you so much for the help do you as a coder ever accept donations I feel you need some reward for your work!


Cheers for all the help.

Scott
TopBottom

Mottie (MVP) 9/4/2009 1:15 PM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Well it appears that is another space is missing...
pb +=(raidClassic||hide25manColumn) ? "" : "</td><td align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" +ex[inst][1][2].replace(/\'/g,sQ);

TopBottom

Mottie (MVP) 9/23/2009 9:52 AM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Updated the latest Progression Box with Onyxia!...
TopBottom

pr0cess (New Admin) 9/25/2009 11:45 PM EST : RE: Guild Progression box
pr0cess
Posts: 614
Zomgawsh Poster

OK i guess i fail ive been tying to get this thing working for a bit, im sorry im sure its something simple. Please help

VNV
TopBottom

Mottie (MVP) 9/26/2009 1:42 AM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi Pr0cess!

Wow, you had me scratching my head there for a while... everything looks like it should be working but the page is acting like it forgot jQuery.

I finally found the problem inside your server status box. You need to remove the follow from inside that content box - it makes the browser think you're starting a new page.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
I believe everything should work properly after you remove it.
TopBottom

pr0cess (New Admin) 9/26/2009 4:12 AM EST : RE: Guild Progression box
pr0cess
Posts: 614
Zomgawsh Poster

I had to get rid of everything, wouldn't work unless i did so. Thanks for the help you rock like always. Now i need to get a good server status....
TopBottom

Mottie (MVP) 9/26/2009 1:27 PM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Check out this post... I'm not sure if it's exactly what you want, but I may make my own customizable WoW server status when I have more time.
TopBottom

pr0cess (New Admin) 9/26/2009 6:11 PM EST : RE: Guild Progression box
pr0cess
Posts: 614
Zomgawsh Poster

I got one going that i found from a post, but i have to have a whole etra box for the code not sure i like that but it looks nice lol
TopBottom

bhFranka (New Admin) 10/26/2009 1:15 PM EST : RE: Guild Progression box
bhFranka
Posts: 108
Posts With Wolves

Mottie, if it is not too much to ask, could you explain to me how I would remove the content to the right of my raid status box. The (0/1) is what I am referring too, the boss/instance status or whatever it may be. I basically used the raid code to also make an info panel about the various badges. Thus the element that shows the instance status is no longer needed. Is it something that is easy to remove?

Here is the code if you want to see it.

Code in action.
TopBottom

Mottie (MVP) 10/26/2009 5:06 PM EST : RE: Guild Progression box
GuildPortal MVP
Mottie
Posts: 3884
Zomgawsh Poster

Hi bhFranka!

Nice customization job!

I basically removed the table cell that had the count inside it and cleaned up the code a little (so it uses the new tooltip)

Here is your updated code:
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>
<style type="text/css">
/* Tooltip */
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2 { width: 250px; }
#tooltip, #tooltip2, #preview {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
}
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }
/* Instance name text */
.instance { color:#cccccc; }
.instanceImgCell { width: 20px;}
/* 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 style="text-align: center;">
<img alt="" onclick="pickBox(achievement);" title="Achievement Medals" style="cursor: help;" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/lefttopicon.png" /><img alt="" onclick="pickBox(special);" title="Special Medals" style="cursor: help;" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/centertopicon2.png" /><img alt="" onclick="pickBox(service);" title="Service Medals" style="cursor: help;" src="http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/righttopicon.png" />
<div id="progBox"></div>
</div>

<script type="text/javascript">
var achievement = new Array();
var special = new Array();
var service = new Array();

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

// Setting this to true will show ALL rows, even if you have never been there
var showAllRows = true;

// Default displayed progression
var defaultWAR = achievement;

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

/* ********************************************
 Achievement Medals
******************************************** */
achievement.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/0a.png"]
,["Blackheart", ""]
,["Accepted as a member of the Blackhearts", ""]
]);

achievement.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/4a.png"]
,["Esteemed", ""]
,["Reached the renown rank 50.", ""]
]);

achievement.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/5a.png"]
,["Revered", ""]
,["Reached the renown rank 80.", ""]
]);

achievement.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/2a.png"]
,["Tchar'zanek's Demise", ""]
,["Contributed to the demise of the Chaos King.", ""]
]);

/* ********************************************
 Special Medals
******************************************** */
special.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/3a.png"]
,["Munificent Favor", ""]
,["Contribute large quantities of items or gold to the guild.", ""]
]);

special.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/1a.png"]
,["Morr's Keeper", ""]
,["Killing a high priority target.", ""]
]);

/* ********************************************
 Service Medals
******************************************** */
service.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/6a.png"]
,["Listener", ""]
,["Served as the guilds leader.", ""]
]);

service.push ([
["http://i261.photobucket.com/albums/ii69/FallenWolve333/BH%20Medals/7a.png"]
,["Speaker", ""]
,["Served as a council member.", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickBox(defaultWAR);

function pickBox(ex) {
 var pb = '<center><table class="progBox" border="0" width="100%"><tbody>';
 for (var inst=0; inst < ex.length; inst++) {
  var killed = 0;
  pb += '<tr class="';
  if (!showAllRows && (ex[inst][1][1].match(raidingKeyWord) || (ex[inst][1][1] == '' && ex[inst][2][1] == ''))) pb += 'hide ';
  pb += 'tooltip" title="<table><tr><td class=tooltipHeader width=200>';
  pb += ex[inst][1][0].replace(/\"/g, "&quot;") + '</td><td>' + 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 += ex[inst][boss][1] + "</td></tr>";
  }
  pb += '</table>" ><td class=instanceImgCell><img src=' + ex[inst][0] + '></td><td class="instance">' + ex[inst][1][0] + '</td></tr>';
 }
 pb += '</table>';
 $('#progBox').html(pb);
}
</script>
TopBottom

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