Link to my site: www.hordetemplars.com
SMF version: 1.1.7
TP version: 0.98
You MUST use a scriptbox type of block.
<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="photogallery/albums/userpics/Archavon.bmp"onclick="togglevis('box10');"/>
<img src="photogallery/albums/userpics/Archavon25.bmp"onclick="togglevis('box11');"/>
<img src="photogallery/albums/userpics/Obsidian.bmp"onclick="togglevis('box12');"/>
<img src="photogallery/albums/userpics/Obsidian25.bmp"onclick="togglevis('box13');"/>
<img src="photogallery/albums/userpics/Naxxramas.bmp"onclick="togglevis('box14');"/>
<img src="photogallery/albums/userpics/Naxxramas25.bmp"onclick="togglevis('box15');"/>
<img src="photogallery/albums/userpics/Malygos.bmp"onclick="togglevis('box16');"/>
<img src="photogallery/albums/userpics/Malygos25.bmp"onclick="togglevis('box17');"/>
</center>
<div class="infobox" id="box10">
<center><strong><font color=blue>Vault of Archavon - 10 Man</font></strong></center>
<table width="250">
<tr><th>Archavon</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box11">
<center><strong><font color=blue>Vault of Archavon - 25 Man</font></strong></center>
<table width="250">
<tr><th>Archavon</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box12">
<center><strong><font color=blue>Obsidian Sanctum - 10 Man</font></strong></center>
<table width="250">
<tr><th>Sartharion</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box13">
<center><strong><font color=blue>Obsidian Sanctum - 25 Man</font></strong></center>
<table width="250">
<tr><th>Sartharion</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box14">
<center><strong><font color=blue>Naxxramas - 10 Man</font></strong></center>
<table width="250">
<tr><th>Anub'Rekhan</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grand Widow Faerlina</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Maexxna</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Noth the Plaguebringer</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Heigan the Unclean</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Loatheb</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Instructor Razuvious</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Gothik the Harvester</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>The Four Horsemen</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Patchwerk</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grobbulus</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Gluth</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Thaddius</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Sapphiron</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Kel'Thuzad</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box15">
<center><strong><font color=blue>Naxxramas - 25 Man</font></strong></center>
<table width="250">
<tr><th>Anub'Rekhan</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grand Widow Faerlina</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Maexxna</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Noth the Plaguebringer</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Heigan the Unclean</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Loatheb</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Instructor Razuvious</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gothik the Harvester</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>The Four Horsemen</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Patchwerk</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Grobbulus</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gluth</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Thaddius</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Sapphiron</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Kel'Thuzad</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
<div class="infobox" id="box16">
<center><strong><font color=blue>Eye of Eternity - 10 Man</font></strong></center>
<table width="250">
<tr><th>Malygos</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
<div class="infobox" id="box17">
<center><strong><font color=blue>Eye of Eternity - 25 Man</font></strong></center>
<table width="250">
<tr><th>Malygos</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
</center>
</body>
</html></div>
Wow related block that runs in a scriptbox.
Code taken and modified to fit the new wotlk. Feel free to snag any the pictures that go along with it from my site. Figured some folks out there could use this.
Edit
sorry was in a rush
its in the middle of the site, its a progression block allows for a drop down of bosses killed. Other than that I dont know how else to explain it.
Excuse my ignorance, but what does this block do? Which block is it on your site? Is it like a block to view photos from the gallery or something like that? Oh, and what is a Wotlk?
ZarPrime
Wotlk = Wrath of the Lich King (World of Warcraft expansion) I think. Looks like a block to show information about the game stuff. Would be nice for a more complete explanation. :)
Ah, OK. Thanks Ich. I'm not too up to date on that WOW stuff, though I like a lot of their themes. :idiot2: :o
ZP
Quote from: ZarPrime on January 14, 2009, 05:17:10 AM
Ah, OK. Thanks Ich. I'm not too up to date on that WOW stuff, though I like a lot of their themes. :idiot2: :o
ZP
That makes us 2
Great code although i have a problem. It seems the java script is giving me an error
Error: missing ; before statement
Source File: /index.php
Line: 478, Column: 4
Source Code:
<br />function get(id) { return document.getElementById(id); }<br />function togglevis(id) {<br /> gE(id).style.display = (gE(id).style.display == "block") ? "none" : "block";<br />}<br />
its showing the text always instead of onclick. I have tried to put the javascript in my <head></head tags as well
You don't need to put the code in your <head>. The code in the block doesn't even need to be formatted the way it is. However, the <html> tag is missing on top to make it a complete page.
Maybe I am doing something wrong then. when I look at the code i put in my block it not even showing the head and body tags after i save it.
so I go from
<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>
<html>
<body>
<center> <img onclick="togglevis('box10');" src="images/progression/Archavon.bmp" alt="" /> <img onclick="togglevis('box11');" src="images/progression/Archavon25.bmp" alt="" /> <img onclick="togglevis('box12');" src="images/progression/Obsidian.bmp" alt="" /> <img onclick="togglevis('box13');" src="images/progression/Obsidian25.bmp" alt="" /> <img onclick="togglevis('box14');" src="images/progression/Naxxramas.bmp" alt="" /> <img onclick="togglevis('box15');" src="images/progression/Naxxramas25.bmp" alt="" /> <img onclick="togglevis('box16');" src="images/progression/Malygos.bmp" alt="" /> <img onclick="togglevis('box17');" src="images/progression/Malygos25.bmp" alt="" /> </center>
<div id="box10" class="infobox"> <center><strong><font color="white">Vault of Archavon - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box11" class="infobox"> <center><strong><font color="white">Vault of Archavon - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box12" class="infobox"> <center><strong><font color="white">Obsidian Sanctum - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="red">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box13" class="infobox"> <center><strong><font color="white">Obsidian Sanctum - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box14" class="infobox"> <center><strong><font color="white">Naxxramas - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grand Widow Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Noth the Plaguebringer</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan the Unclean</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Instructor Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik the Harvester</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>The Four Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box15" class="infobox"> <center><strong><font color="white">Naxxramas - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grand Widow Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Noth the Plaguebringer</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan the Unclean</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Instructor Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik the Harvester</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>The Four Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box16" class="infobox"> <center><strong><font color="white">Eye of Eternity - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box17" class="infobox"> <center><strong><font color="white">Eye of Eternity - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +1 Drake</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +2 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
<tr>
<th>Malygos +3 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
</tbody>
</table>
</div>
</table>
</div>
</center>
</body>
</html></div>
to this
<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> <center> <img onclick="togglevis('box10');" src="images/progression/Archavon.bmp" alt="" /> <img onclick="togglevis('box11');" src="images/progression/Archavon25.bmp" alt="" /> <img onclick="togglevis('box12');" src="images/progression/Obsidian.bmp" alt="" /> <img onclick="togglevis('box13');" src="images/progression/Obsidian25.bmp" alt="" /> <img onclick="togglevis('box14');" src="images/progression/Naxxramas.bmp" alt="" /> <img onclick="togglevis('box15');" src="images/progression/Naxxramas25.bmp" alt="" /> <img onclick="togglevis('box16');" src="images/progression/Malygos.bmp" alt="" /> <img onclick="togglevis('box17');" src="images/progression/Malygos25.bmp" alt="" /> </center>
<div id="box10" class="infobox"> <center><strong><font color="white">Vault of Archavon - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box11" class="infobox"> <center><strong><font color="white">Vault of Archavon - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box12" class="infobox"> <center><strong><font color="white">Obsidian Sanctum - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="red">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box13" class="infobox"> <center><strong><font color="white">Obsidian Sanctum - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box14" class="infobox"> <center><strong><font color="white">Naxxramas - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grand Widow Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Noth the Plaguebringer</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan the Unclean</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Instructor Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik the Harvester</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>The Four Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box15" class="infobox"> <center><strong><font color="white">Naxxramas - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grand Widow Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Noth the Plaguebringer</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan the Unclean</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Instructor Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik the Harvester</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>The Four Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box16" class="infobox"> <center><strong><font color="white">Eye of Eternity - 10 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box17" class="infobox"> <center><strong><font color="white">Eye of Eternity - 25 Man</font></strong></center>
<table width="250">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +1 Drake</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +2 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
<tr>
<th>Malygos +3 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
</tbody>
</table>
</div>
Don't know why its not working for you. Could be some other error causing problems with this javascript on your site. You are using a scriptbox type of block right?
Sorry, that was my problem. I was useing bbc/html box
So I have another problem now I didn't notice last night. I put this in "top block" and it seems to be breaking my theme .
http://taintedcore.net
if you look on the right side the border is gone, and the whole body is suppose to have a black background. Not the background image that you see. Any help?
Looks great in my browser
Try FF or Opera and check how it looks
If you have IE8 Beta, you have to blame the browser as it's a very poor one
I am useing Firefox, and tried IE7. I also deleted cache etc. here are some screenshots of what im talking about
Is it a front page block or a center block?
its a top block
<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> <center> <img onclick="togglevis('box10');" src="images/progression/Archavon.bmp" alt="" /> <img onclick="togglevis('box11');" src="images/progression/Archavon25.bmp" alt="" /> <img onclick="togglevis('box12');" src="images/progression/Obsidian.bmp" alt="" /> <img onclick="togglevis('box13');" src="images/progression/Obsidian25.bmp" alt="" /> <img onclick="togglevis('box14');" src="images/progression/Naxxramas.bmp" alt="" /> <img onclick="togglevis('box15');" src="images/progression/Naxxramas25.bmp" alt="" /> <img onclick="togglevis('box16');" src="images/progression/Malygos.bmp" alt="" /> <img onclick="togglevis('box17');" src="images/progression/Malygos25.bmp" alt="" /> </center>
<div id="box10" class="infobox"> <center><strong><font color="white">Vault of Archavon 10</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box11" class="infobox"> <center><strong><font color="white">Vault of Archavon 25</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box12" class="infobox"> <center><strong><font color="white">Obsidian Sanctum10</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="red">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box13" class="infobox"> <center><strong><font color="white">Obsidian Sanctum 25</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box14" class="infobox"> <center><strong><font color="white">Naxxramas - 10 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Noth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box15" class="infobox"> <center><strong><font color="white">Naxxramas - 25 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Noth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box16" class="infobox"> <center><strong><font color="white">Eye of Eternity - 10 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box17" class="infobox"> <center><strong><font color="white">Eye of Eternity - 25 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +1 Drake</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +2 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
<tr>
<th>Malygos +3 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
</tbody>
</table>
</div>
Try running this code in a side block rather than a top block. You may have to rearranged the pictures for "viewing" pleasure. But i think it should get rid of your theme being broken up by a center block.
Hmm getting PHP syntax error.... can't find the problem though
Eals,
Welcome to TinyPortal. Though I don't know what exactly what this code is supposed to do, I just installed it in a block on my site and it doesn't generate any errors. Make sure you have put it into a scriptbox and not a php box.
ZarPrime
Thanks! I guess for a first post this was not a brilliant post.... Sorry for that silly mistake. I did use a php box :(
NP, we've all made silly little mistakes as we were learning to use TP. I'm glad you figured it out. :up:
ZarPrime
Hi,
I've tried your block but i have an empty block when i enable it ! And yes i've chose a scriptbox, do you have an idea what it could be ?
I have smf: 1.1.7 with tp 0.9.8
**Update: I have find out why, i had to download your images and put it on my server, and now it`s working, Is there a way to put it on a side block ? Because when i put it on a side block, the information is showed on the center block, it doesn't stay in the block.
<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> <center> <img onclick="togglevis('box10');" src="images/progression/Archavon.bmp" alt="" /> <img onclick="togglevis('box11');" src="images/progression/Archavon25.bmp" alt="" /> <img onclick="togglevis('box12');" src="images/progression/Obsidian.bmp" alt="" /> <img onclick="togglevis('box13');" src="images/progression/Obsidian25.bmp" alt="" /> <img onclick="togglevis('box14');" src="images/progression/Naxxramas.bmp" alt="" /> <img onclick="togglevis('box15');" src="images/progression/Naxxramas25.bmp" alt="" /> <img onclick="togglevis('box16');" src="images/progression/Malygos.bmp" alt="" /> <img onclick="togglevis('box17');" src="images/progression/Malygos25.bmp" alt="" /> </center>
<div id="box10" class="infobox"> <center><strong><font color="white">Vault of Archavon 10</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box11" class="infobox"> <center><strong><font color="white">Vault of Archavon 25</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Archavon</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box12" class="infobox"> <center><strong><font color="white">Obsidian Sanctum10</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="red">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box13" class="infobox"> <center><strong><font color="white">Obsidian Sanctum 25</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Sartharion</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box14" class="infobox"> <center><strong><font color="white">Naxxramas - 10 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Noth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box15" class="infobox"> <center><strong><font color="white">Naxxramas - 25 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Anub'Rekhan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Faerlina</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Maexxna</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Noth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Heigan</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Loatheb</th>
<td> </td>
<td><font color="green">DEAD</font></td>
</tr>
<tr>
<th>Razuvious</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gothik</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Horsemen</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Patchwerk</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Grobbulus</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Gluth</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Thaddius</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Sapphiron</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Kel'Thuzad</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box16" class="infobox"> <center><strong><font color="white">Eye of Eternity - 10 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
</tbody>
</table>
</div>
<div id="box17" class="infobox"> <center><strong><font color="white">Eye of Eternity - 25 Man</font></strong></center>
<table width="150">
<tbody>
<tr>
<th>Malygos</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +1 Drake</th>
<td> </td>
<td><font color="green">Cleared</font></td>
</tr>
<tr>
<th>Malygos +2 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
<tr>
<th>Malygos +3 Drake</th>
<td> </td>
<td><font color="red">In Progress</font></td>
</tr>
</tbody>
</table>
</div>
Poster previously
Run in a right or left side SCRIPT block www.hordetemplars.com shows you a working version of it as a side block.
Will this work with TPv1.0b3? As there doesn't seem to be a scriptbox selection as in my old version. Any help would be great, I'm helping to put together a new site and most block code that I am wanting to use requires the use of a scriptbox. Thanks in advance.
Disreguard the sig. Its the info for my site. The site I am working on is using smf1.1.8 and tp 1.0 b3
In Beta 3, use the block type called "HTML & Javscript code".
ZarPrime
hi everyone,
i've been playing around with it but cant figure out why my block is stretched out so long and the text isn't hidden where you click the button and it shows your progression. i've tried top/left/right with the same results.any help is appreciated
<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="images/progression/Archavon.bmp"onclick="togglevis('box10');"/>
<img src="images/progression/Archavon25.bmp"onclick="togglevis('box11');"/>
<img src="images/progression/Obsidian.bmp"onclick="togglevis('box12');"/>
<img src="images/progression/Obsidian25.bmp"onclick="togglevis('box13');"/>
<img src="images/progression/Naxxramas.bmp"onclick="togglevis('box14');"/>
<img src="images/progression/Naxxramas25.bmp"onclick="togglevis('box15');"/>
<img src="images/progression/Malygos.bmp"onclick="togglevis('box16');"/>
<img src="images/progression/Malygos25.bmp"onclick="togglevis('box17');"/>
</center>
<div class="infobox" id="box10">
<center><strong><font color=blue>Vault of Archavon - 10 Man</font></strong></center>
<table width="250">
<tr><th>Archavon</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box11">
<center><strong><font color=blue>Vault of Archavon - 25 Man</font></strong></center>
<table width="250">
<tr><th>Archavon</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box12">
<center><strong><font color=blue>Obsidian Sanctum - 10 Man</font></strong></center>
<table width="250">
<tr><th>Sartharion</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box13">
<center><strong><font color=blue>Obsidian Sanctum - 25 Man</font></strong></center>
<table width="250">
<tr><th>Sartharion</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box14">
<center><strong><font color=blue>Naxxramas - 10 Man</font></strong></center>
<table width="250">
<tr><th>Anub'Rekhan</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grand Widow Faerlina</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Maexxna</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Noth the Plaguebringer</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Heigan the Unclean</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Loatheb</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Instructor Razuvious</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Gothik the Harvester</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>The Four Horsemen</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Patchwerk</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grobbulus</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Gluth</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Thaddius</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Sapphiron</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Kel'Thuzad</th><td><td><font color=red>DEAD</font></td></tr>
</table>
</div>
<div class="infobox" id="box15">
<center><strong><font color=blue>Naxxramas - 25 Man</font></strong></center>
<table width="250">
<tr><th>Anub'Rekhan</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Grand Widow Faerlina</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Maexxna</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Noth the Plaguebringer</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Heigan the Unclean</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Loatheb</th><td><td><font color=red>DEAD</font></td></tr>
<tr><th>Instructor Razuvious</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gothik the Harvester</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>The Four Horsemen</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Patchwerk</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Grobbulus</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Gluth</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Thaddius</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Sapphiron</th><td><td><font color=green>Alive</font></td></tr>
<tr><th>Kel'Thuzad</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
<div class="infobox" id="box16">
<center><strong><font color=blue>Eye of Eternity - 10 Man</font></strong></center>
<table width="250">
<tr><th>Malygos</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
<div class="infobox" id="box17">
<center><strong><font color=blue>Eye of Eternity - 25 Man</font></strong></center>
<table width="250">
<tr><th>Malygos</th><td><td><font color=green>Alive</font></td></tr>
</table>
</div>
</center>
</body>
</html>
using smf 1.1.8 tinyport 1.0 beta 3
Hi b0bby,
Welcome to TinyPortal.
On your site, it looks like you are using the code in a left block. Question? Are you using the code from the first post in this topic or are you using the code from the post 4 messages up? The code from the first post in the topic is for a center block, or an upper block. It will be wider because of that. If you are using it in a left or right block instead, you should use the code from this post instead ---> http://www.tinyportal.net/index.php/topic,27795.msg228278.html#msg228278
ZarPrime
Zar,
well im pretty new to this so i've tried almost every code block posted in this thread and still get that problem. i just moved the block to the top block section if u look at my test page again i still have that problem. is there a way to lock the block dimensions to a certain size? and it seems like the togglevis isn't working properly. any help appreciated. thanks
Well, it seems that your site is currently under review from your host, so I'm getting a redirect. I will check back later to see if it's back up.
ZarPrime
Hi b0bby,
Try removing the following tags from your code and see if that works ...
<html>
<head>
</head>
<body>
</body>
</html>
ZarPrime
now just the code shows up :(
edit: works now
looks like when you first create a block the default type is bbc/html, u paste the code in then change it to html/javascript, then save and it works for me. if i were to create a new block, change type to script box then paste code it does not work. anyone know why this happens?
No clue why that happens. It doesn't happen to me. Anyway, I'm glad you got it working. :up:
ZarPrime