[Block] Wotlk Progression Block

[Kronyx]

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.

[vasiliki]

Code Select Expand

<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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</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>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Faerlina</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Maexxna</th>
            <td>&nbsp;</td>
            <td><font color="green">DEAD</font></td>
        </tr>
        <tr>
            <th>Noth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Heigan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Loatheb</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Razuvious</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gothik</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Horsemen</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Patchwerk</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Grobbulus</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gluth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Thaddius</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Sapphiron</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Kel'Thuzad</th>
            <td>&nbsp;</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>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Faerlina</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Maexxna</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Noth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Heigan</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Loatheb</th>
            <td>&nbsp;</td>
            <td><font color="green">DEAD</font></td>
        </tr>
        <tr>
            <th>Razuvious</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gothik</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Horsemen</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Patchwerk</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Grobbulus</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Gluth</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Thaddius</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Sapphiron</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Kel'Thuzad</th>
            <td>&nbsp;</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>&nbsp;</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>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Malygos +1 Drake</th>
            <td>&nbsp;</td>
            <td><font color="green">Cleared</font></td>
        </tr>
        <tr>
            <th>Malygos +2 Drake</th>
            <td>&nbsp;</td>
            <td><font color="red">In Progress</font></td>
        </tr>
        <tr>
            <th>Malygos +3 Drake</th>
            <td>&nbsp;</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.

[KillerZ]

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

[ZarPrime]

In Beta 3, use the block type called "HTML & Javscript code".

ZarPrime

[b0bby]

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

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: 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

[ZarPrime]

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

[b0bby]

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

[ZarPrime]

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

[ZarPrime]

Hi b0bby,

Try removing the following tags from your code and see if that works ...

Code Select Expand

<html>
<head>
</head>
<body>
</body>
</html>

ZarPrime

[b0bby]

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?