Post Icons - drop down list (good for lots of icons!)

This hack will put all the post icons into a dropdown list instead, which will save lots of space especially if you have lots of post icons available (or WANT to have a lot of post icons available )

Look at attached screenshot to see how it looks like
If you have a suggestion, let me know!

Anyways, here we go

Please make sure that all your icons have a title because this title will be shown in the dropdown menu! Otherwise it will be blank; it will still work and people can select it, but it doesn't help in knowing what the icon will show

Instructions

Open up includes/functions_newpost.php and find

PHP Code:

        if ($seliconid == $iconid)
        {
            $iconchecked = HTML_CHECKED;
            $selectedicon = array('src' => $iconpath, 'alt' => $alttext);
        }
        else
        {
            $iconchecked = '';
        } 


Replace with

PHP Code:

    if ($seliconid == $iconid) 
    { 
        if ($show['dropdownicons']) 
        { 
            $iconselect = " selected"; 
        } 
        else 
        { 
            $iconchecked = HTML_CHECKED; 
            $selectedicon = array('src' => $iconpath, 'alt' => $alttext); 
        } 
    } 
    else 
    { 
        if ($show['dropdownicons']) 
        { 
            $iconselect = ''; 
        } 
        else 
        { 
            $iconchecked = ''; 
        } 
    } 


Find:

PHP Code:

    $show['posticons'] = false; 


Below, add

PHP Code:

    $show['dropdownicons'] = 1;

    if ($show['dropdownicons'])
    {
        $posticondropdown = '<option value="0">' . $vbphrase[no_icon] . '</option>';

    } 


Find:

PHP Code:

        eval('$posticonbits .= "' . fetch_template('posticonbit') . '";'); 


Below, add

PHP Code:

        eval('$posticondropdown .= "' . fetch_template('posticon_dropdown') . '";'); 


Open up posticons template and find

				<td width="12%" nowrap="nowrap"><label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" tabindex="1" onclick="swap_posticon(null)" $iconchecked />$vbphrase[no_icon] &nbsp; &nbsp;</label></td>
				$posticonbits

Replace it with

				<if condition="$show['dropdownicons']"><td><select name="iconid" id="iconid" onchange="changeImage(this.value)">$posticondropdown</select> <img id="posticonimage" /></td><else /><td width="12%" nowrap="nowrap"><label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" tabindex="1" onclick="swap_posticon(null)" $iconchecked />$vbphrase[no_icon] &nbsp; &nbsp;</label></td>$posticonbits</if>

Find

	// -->

Above, add

	<if condition="$show['dropdownicons']">
function changeImage(selVal)
{
if (selVal != 0)
{
 document.getElementById('posticonimage').src = selVal;
}
else
{
document.getElementById('posticonimage').src = 'clear.gif';
}
}
	</if>

Create a new template called posticon_dropdown with the following content:

<option value="$iconpath"$iconselect>$alttext</option>

All done! Now if you ever want to turn this off and use the old way of viewing post icons, then just change $show['dropdownicons'] = 1; in includes/functions_newpost.php to $show['dropdownicons'] = 0; (basically just change 1 to 0.)

I hope you enjoy this hack

[Owen]

ah nifty, forgot to think you could load the image next to it.

Good Work.

[Fibe]

For some reason, i now have dropdown AND the original list to chose from.

Any idea what could be wrong?

[Gary King]

Originally Posted by Fibe

For some reason, i now have dropdown AND the original list to chose from.

Any idea what could be wrong?

You didn't follow instructions properly then

The code you did wrong was in the posticons template.

[Fibe]

hmm i just double checked and everything is like it should be. afaik

<if condition="$show['posticons']">
<script type="text/javascript">
<!--
function swap_posticon(imgid)
{
out = fetch_object("display_posticon");
img = fetch_object(imgid);
if (img)
{
out.src = img.src;
out.alt = img.alt;
}
else
{
out.src = "$vboptions[cleargifurl]";
out.alt = "";
}
}
<if condition="$show['dropdownicons']">
function changeImage(selVal)
{
if (selVal != 0)
{
document.getElementById('posticonimage').src = selVal;
}
else
{
document.getElementById('posticonimage').src = 'clear.gif';
}
}
</if>
// -->
</script>
<fieldset class="fieldset" style="margin:10px 0px 0px 0px">
<legend>$vbphrase[post_icons]</legend>
<div style="padding:$stylevar[formspacer]px">
<table cellpadding="0" cellspacing="$stylevar[cellspacing]" border="0" width="95%">
<tr>
<td colspan="15"><div style="margin-bottom:$stylevar[formspacer]px">$vbphrase[may_choose_icon_for_message]:</div></td>
</tr>
<tr>
<if condition="$show['dropdownicons']"><td><select name="iconid" id="iconid" onchange="changeImage(this.value)">$posticondropdo wn</select> <img id="posticonimage" /></td><else /><td width="12%" nowrap="nowrap"><label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" tabindex="1" onclick="swap_posticon(null)" $iconchecked />$vbphrase[no_icon] &nbsp; &nbsp;</label></td>$posticonbits</if>


$posticonbits
<if condition="$show['addedspan']"><td colspan="$remainingspan">&nbsp;</td></if>
</tr>
</table>
</div>
</fieldset>
<else />
<input type="hidden" name="iconid" value="0" />
</if>

[Gary King]

Originally Posted by Fibe

hmm i just double checked and everything is like it should be. afaik

Can I please see your forums then.

[Fibe]

<a href="http://forums.soi-guild.org" target="_blank">http://forums.soi-guild.org</a>

test/test u can login with !

and thanks !

[Gary King]

Weird, maybe a problem with Gold? Although I sincerely doubt it; it looks like it has something to do with the conditionals but that should be fine.

How it is right now is that you can change between the two, but to fix this for you, simply do the following then:

open the posticons template, find:

<td width="12%" nowrap="nowrap"><label for="rb_iconid_0"><input type="radio" name="iconid" value="0" id="rb_iconid_0" tabindex="1" onclick="swap_posticon(null)" $iconchecked />$vbphrase[no_icon] &nbsp; &nbsp;</label></td>$posticonbits

And then just delete that

[Fibe]

u are god ! thanks man.
one last question when u click on new thread

no icon is picked this gif file logol shows up. how can i get rid of this?"

[Gary King]

What do you mean? Please make a screenshot and circle it.

[Fibe]

As you can see they are still there And i circled the gif thing.

<if condition="$show['dropdownicons']"><td><select name="iconid" id="iconid" onchange="changeImage(this.value)">$posticondropdown</select> <img id="posticonimage" /></td></if>

thats whats i got in posticon template now.