Text only | Text with Images

TinyPortal

Development => Block Codes => Topic started by: Setsuni1 on March 04, 2008, 12:05:08 AM

Title: WoW Boss kills block
Post by: Setsuni1 on March 04, 2008, 12:05:08 AM
Very basic boss kills block.

Code Select

<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
Title: Re: WoW Boss kills block
Post by: Starbearer on March 06, 2008, 03:45:54 PM
Very nice. Thx a lot.
Title: Re: WoW Boss kills block
Post by: IchBin on March 06, 2008, 11:34:35 PM
For those that do not know, place this code in a Script block type.
Title: Re: WoW Boss kills block
Post by: lOOmis on March 07, 2008, 12:11:00 AM
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.
Title: Re: WoW Boss kills block
Post by: Setsuni1 on March 07, 2008, 02:31:47 AM
Yeah sorry, its a scriptbox :)
Title: Re: WoW Boss kills block
Post by: lOOmis on March 07, 2008, 03:33:45 AM
That worked great, easy to change up to what I needed.

Thanks Setsuni1

lOOmis
Title: Re: WoW Boss kills block
Post by: Setsuni1 on March 08, 2008, 11:56:48 AM
Ill look into adding a variable option to make it slide instead of just instant drop down info :)
Title: Re: WoW Boss kills block
Post by: Uthn on March 08, 2008, 01:15:08 PM
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)
Title: Re: WoW Boss kills block
Post by: Setsuni1 on March 08, 2008, 01:32:46 PM
Cool stuff ill prolly just try and write the code myself, I hate linking to external .js
Title: Re: WoW Boss kills block
Post by: Ice0rl on April 08, 2008, 12:44:25 PM
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
Title: Re: WoW Boss kills block
Post by: Uthn on April 08, 2008, 12:53:28 PM
Hi there,

remove the style for the block methink

* { font-family: Tahoma; font-size: 9px; }

good luck ;)
Title: Re: WoW Boss kills block
Post by: Ice0rl on April 08, 2008, 03:27:11 PM
Thanks but now the box is to big ;)
Well anyway I changed the script a little bit and simply skipt the DEAD/ALIVE part :-)
Now it works fine for me :-)

http://noralshar.de
:-)

Thanks again
Title: Re: WoW Boss kills block
Post by: JPDeni on April 08, 2008, 04:06:02 PM
Rather than using a style section, use a div.

Before anything is actually displayed, use

Code Select

<div style="font-family: Tahoma; font-size: 9px;">


and at the end, add

Code Select

</div>



Title: Re: WoW Boss kills block
Post by: cas91572 on May 03, 2008, 08:15:47 PM
I can't get this to work..all iget is an empty block. Here is my code. Maybe you can look at it and tell me what I did wrong?

<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="http://www.invictusguildet.com/wowimage/coilfang.jpg" onclick="togglevis('box2');"
/>
<img src="http://www.invictusguildet.com/wowimage/tempest.jpg" onclick="togglevis('box3');"
/>
<img src="http://www.invictusguildet.com/wowimage/hyjal.jpg" onclick="togglevis('box4');"
/>
<img src="http://www.invictusguildet.com/wowimage/bt.jpg" onclick="togglevis('box5');"
/>
</center>

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

<center><font color=blue>Serpentshrine Cavern</font></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=green>Alive</font></td></tr>
   </table>

</div>
<div class="infobox" id="box3">
<center><font color=blue>Tempest Keep</font></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=green>ALIVE</font></td></tr>
   </table>
</div>
<div class="infobox" id="box4">
<center><font color=blue>Hyjal</font></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=green>Alive</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><font color=blue>Black Temple</font></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>



Wow! It's not pasting the entire code on this post!
Title: Re: WoW Boss kills block
Post by: IchBin on May 03, 2008, 08:55:33 PM
Why aren't you usign the code tag to post code?
Title: Re: WoW Boss kills block
Post by: emeryrs on May 06, 2008, 07:13:17 PM
Greets, thought I would put this code up.  I liked what people had posted but decided to add all of the major bosses.

http://twovsnone.com (http://twovsnone.com)

Code Select
<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: 12px; }
th { text-align: left; color: white; padding-right: 12px; }
.infobox { display: none; }
.infobox table td { text-align: right; }
</style>
</head>
<body>
<center>
<img src="http://yourimage location" onclick="togglevis('box2');"
/>
<img src="http://yourimagelocation/Grull.jpg" onclick="togglevis('box3');"
/>
<img src="http://yourimagelocationHyjal.jpg" onclick="togglevis('box4');"
/>
<img src="http://yourimagelocation/Kara.jpg" onclick="togglevis('box5');"
/>
<img src="http://yourimagelocation/Mags.jpg" onclick="togglevis('box6');"
/>
<img src="http://yourimagelocation/SSC.jpg" onclick="togglevis('box7');"
/>
<img src="http://yourimagelocation/ZA.jpg" onclick="togglevis('box8');"
/>

</center>

<div class="infobox" id="box2">
<center><strong><font color=blue>Black Temple</font></strong></center>
<table width="250">
<tr><th>High Warlord 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>Teron Gorefiend</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gurtogg Bloodboil</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Reliquary of Souls</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>Illdari Council</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Illidam Stormrage</th><td><td><font color=green>Alive</font></td></tr>
</table>

</div>
<div class="infobox" id="box3">
<center><strong><font color=blue>Grull's Lair</font></strong></center>
<table width="250">
<tr><th>High King Maulgar</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grull the Dragonkiller</th><td><td><font color=red>DEAD</font></td></tr>
</table>

</div>
<div class="infobox" id="box4">
<center><strong><font color=blue>Mount Hyjal</font></strong></center>
<table width="250">
<tr><th>Rage Winterchill</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Anetheron</th><td><td><font color=green>Alive</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>Karazahn</font></strong></center>
<table width="250">
<tr><th>Attumen the Huntsmen</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Moroes</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Maiden of Virtue</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Opera Event</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Nightbane</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>The Curator</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Terestian Illhoof</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Shade of Aran</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Netherspite</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Chess Event</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Prince Malchezaar</th><td><td><font color=red>DEAD</font></td></tr>
</table>

</div>
<div class="infobox" id="box6">
<center><strong><font color=blue>Magtheridon's Lair</font></strong></center>
<table width="250">
<tr><th>Magtheridon</th><td><td><font color=red>DEAD</font></td></tr>
</table>

</div>
<div class="infobox" id="box7">
<center><strong><font color=blue>Serpent Shrine Cavern</font></strong></center>
<table width="250">
<tr><th>Hydross the Unstable</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>The Lurker Below</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Leotheras the Blind</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Fathom-Lord Karathress</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Morogrim Tidewalker</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Lady Vashj</th><td><td><font color=green>Alive</font></td></tr>
</table>

</div>
<div class="infobox" id="box8">
<center><strong><font color=blue>Zul'Amon</font></strong></center>
<table width="250">
<tr><th>Nalorakk</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Akil'zon</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Jan'alai</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Halazzi</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Hex-Lord Malacrass</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Zul'jin</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>

</body>
</html>
Text only | Text with Images