WoW Boss kills block

[Setsuni1]

Very basic boss kills block.

Code Select Expand


<html>
<head>
<script type="text/javascript">
function gE(id) { return document.getElementById(id); }
function togglevis(id) {
  gE(id).style.display = (gE(id).style.display == "block") ? "none" : "block";
}
</script>
<style type="text/css">
* { font-family: Tahoma; font-size: 9px; }
th { text-align: left; color: white; padding-right: 10px; }
.infobox { display: none; }
.infobox table td { text-align: right; }
</style>
</head>
<body>
<center>
<img src="Your site here linking to Img icons" onclick="togglevis('box2');"
/>
<img src="Your site here linking to Img icons" onclick="togglevis('box3');"
/>
<img src="Your site here linking to Img icons" onclick="togglevis('box4');"
/>
<img src="Your site here linking to Img icons" onclick="togglevis('box5');"
/>
</center>

<div class="infobox" id="box2">

<center><strong><font color=blue>Serpentshrine Cavern</font></strong></center>
<table width="150">
<tr><th>Hydross</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Lurker</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Leotheras</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Fathom-Lord</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Tidewalker</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Lady Vashj</th><td><td><font color=red>DEAD</font></td></tr>
</table>

</div>
<div class="infobox" id="box3">
<center><strong><font color=blue>Tempest Keep</font></strong></center>
<table width="150">
<tr><th>Al'ar</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Void Reaver</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>High Astromancer</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Kael'Thas</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box4">
<center><strong><font color=blue>Hyjal</font></strong></center>
<table width="150">
<tr><th>Rage</th><td><td><font color=red>Dead</font></td></tr>
<tr><th>Anetheron</th><td><td><font color=red>Dead</font></td></tr>
<tr><th>Kaz'rogal</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Azgalor</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Archimonde</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
<div class="infobox" id="box5">
<center><strong><font color=blue>Black Temple</font></strong></center>
<table width="150">
<tr><th>Naj'entus</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Supremus</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Shade of Akama</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gurtogg</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Reliquary</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Teron Gorefiend</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Mother Shahraz</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>The Council</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Illidan</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
</body>
</html>


Obviously replace and cut it up as you wish.

Can see it live at www.martyrdomguild.com

[Starbearer]

Very nice. Thx a lot.

[IchBin]

For those that do not know, place this code in a Script block type.

[lOOmis]

This is great! I think I can us it for my site changing to reflect the staff, admins, mods, etc. Not that there isnt anything else I need to finished on my site still...lol.

[Setsuni1]

Yeah sorry, its a scriptbox

[lOOmis]

That worked great, easy to change up to what I needed.

Thanks Setsuni1

lOOmis

[Setsuni1]

Ill look into adding a variable option to make it slide instead of just instant drop down info

[Uthn]

hi there,

try using : http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm (found it while browsing JFP site) this works fine for me.

the script in action -> http://exdalaran.free.fr (right top bloc)

[Setsuni1]

Cool stuff ill prolly just try and write the code myself, I hate linking to external .js

[Ice0rl]

Hi,
first of all thank you for that code.

I tried to use this scriptbox but it kills my theme.
looks like " { font-family: Tahoma; font-size: 9px; }" is then used for the whole page.
Do you have any ideas how to fix this?

cheers