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]

how much good is this if it doesnt show the actual icons in the list?

[Gary King]

If someone has the Javascript where I can display the image depending on the value selected, then I would be more than happy to add it in

[Owen]

I dont think its possible with regular drop down menu's... Maybe its possible to use one of those vb3 dropdown menu's?

[Gary King]

Nevermind I got it I will add it in a sec

[Gary King]

Okay updated It now shows the icons - BUT, it will only work when icons are in the images/icons/ folder and in the correct file format, for now. So it will work with default vB3 icons. If you add any new icons, just make sure they are the same format and same folder.

[alkatraz]

cool hack!

[Pikok]

Originally Posted by Gary W

Okay updated It now shows the icons - BUT, it will only work when icons are in the images/icons/ folder and in the correct file format, for now. So it will work with default vB3 icons. If you add any new icons, just make sure they are the same format and same folder.

Why not use this in includes/functions_newpost.php:

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 = '';
            }
        } 


This in the posticons template:

	function changeImage(selVal)
	{
		if (selVal != 0)
		{
		 	document.getElementById('posticonimage').src = selVal;	
		}
		else
		{
			document.getElementById('posticonimage').src = 'clear.gif';
		}
	}

This in the posticon_dropdown template:

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

That would use the correct SRC path for all icons and would also have the icon pre-selected if the post already had one (i.e. when editing).

[Gary King]

Originally Posted by Pikok

Why not use this in includes/functions_newpost.php:

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 = '';
            }
        } 


This in the posticons template:

	function changeImage(selVal)
	{
		if (selVal != 0)
		{
		 	document.getElementById('posticonimage').src = selVal;	
		}
		else
		{
			document.getElementById('posticonimage').src = 'clear.gif';
		}
	}

This in the posticon_dropdown template:

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

That would use the correct SRC path for all icons and would also have the icon pre-selected if the post already had one (i.e. when editing).

Okay I integrated your steps now

[gmarik]

This one is good for coding similiar hacks, great one!