Post Icon Collapse/Expand

A site I'm working on has about 50+ post icons ... the post icons are used as "tags". As you might have expected, it's a bit annoying waiting for all these icons to load.

So, I edited the posticons template to offer a collapse/expand feature. Just one template edit and the feature is visible everywhere posticons are enabled.

REPLACE posticons TEMPLATE WITH:

<if condition="$show['posticons']">
    <script type="text/javascript">
    <!--
    function swap_posticon(imgid)
    {
        var out = fetch_object("display_posticon");
        var img = fetch_object(imgid);
        if (img)
        {
            out.src = img.src;
            out.alt = img.alt;
        }
        else
        {
            out.src = "$vboptions[cleargifurl]";
            out.alt = "";
        }
    }
    // -->
    </script>
<br />
    <table class="tborder" style="background-color:#E1E4F2" cellpadding="2" cellspacing="0" border="0" width="100%">
    <thead>
        <tr>
            <td class="tcat" colspan="15" style="padding:4px">
            <div class="smallfont"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('gtposticons')"><img id="collapseimg_gtposticons" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_gtposticons].gif" alt="" border="0" /></a>
            $xvbphrase[may_choose_icon_for_message]<strong>Post Icon</strong>:  <label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" style="margin:0px;" tabindex="1" onclick="swap_posticon(null)" $iconchecked /> $vbphrase[no_icon]</label></div></td>
        </tr>        
    </thead>
    <tbody id="collapseobj_gtposticons" style="$vbcollapse[collapseobj_gtposticons]">
        <tr>
            <td class="" style="width:0px">&nbsp;</td>
            $posticonbits
            <if condition="$show['addedspan']"><td class="" colspan="$remainingspan">&nbsp;</td></if>
        </tr>
    </tbody>
    </table>
<else />
    <input type="hidden" name="iconid" value="0" />
</if>

TIPS
- change background color (style="background-color:#E1E4F2") of table to fit your site

[COBRAws]

Princeton, your da man =D

I have around 25post icons :S

[Atakan KOC]

Very Nice. Thanks.

[Muellmann]

you are a genius! :knockedout:
This is very useful to me because i have around 40 posticons.
The same for the smilies would be much appreciated

[Princeton]

I suggest moving the smilies below the editor.
You will be able to display more but I recommend 30 max per row ... the rest can be displayed in the smilies popup window.

check out my smilies below editor mod

[DiSpy]

Installed and working on v3.6.7.

THANKS!

[713JunctionP]

as always, great mod. helps keep the site looking cleaner.

and again, although this mod was made on vB 3.5.x it worked on my 3.6.7 version! :up:

[boatdesign]

I was looking for something exactly like this; but I'm seeing a glitch. If I click the icon to hide the post icons, the setting isn't remembered so the next time I click on New Thread the post icons are all displayed again. The up / down ( show / hide ) setting isn't remembered like vBulletin remembers whether to hide or show the posting rules box (and once you hide it, keeps it hidden as you navigate through the site.)

I replaced my posticons template with the code shown, so I don't see how I could have messed this up; am I the only one seeing this behavior?

[Tim Skellett]

What changes do I need to make to the above script to make it automatically collapsed, so that it is only uncollapsed if people click the relevant button?

Many thanks in advance for all help.

[nyunyu]

installed and working great. thanks for the hack.