Hack's Park Color Picker ตัวเลือกสีที่ไม่เหมือนเดิม

array(
'tag' => 'color',
'type' => 'unparsed_equals',
'test' => '(#[\da-fA-F]{3}|#[\da-fA-F]{6}|[A-Za-z]{1,12})\]',
'before' => '<span style="color: $1;">',
'after' => '</span>',
),

// Hack's Park Color Picker -->
array(
'tag' => 'bgcolor',
'type' => 'unparsed_equals',
'test' => '(#[\da-fA-F]{3}|#[\da-fA-F]{6}|[A-Za-z]{1,12})\]',
'before' => '<span style="background-color:$1">',
'after' => '</span>',
),
// <-- Hack's Park Color Picker

// The below array makes it dead easy to add images to this page. Add it to the array and everything else is done for you!
$context['bbc_tags'] = array();

// Hack's Park Color Picker -->
if (!isset($context['disabled_tags']['color']))
echo '
<script language="javascript" type="text/javascript" src="' . $settings['default_theme_url'] . '/colorpicker.js?fin11"></script>
<script language="javascript" type="text/javascript"><!-- // --><![CDATA[
function colorPicker_setNewColor()
{
var c = document.getElementById("colorpicker_hexa").value;
if (c == "") return;

if (colorPicker["bg"])
{
colorPicker["bg_color"] = c;
document.getElementById("colorpicker_s_bgcolor").style.backgroundColor = c;
surroundText(\'[bgcolor=\' + c + \']\', \'[/bgcolor]\', document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . ');
document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.focus(document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.caretPos);
}
else
{
colorPicker["color"] = c;
document.getElementById("colorpicker_s_color").style.backgroundColor = c;
surroundText(\'[color=\' + c + \']\', \'[/color]\', document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . ');
document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.focus(document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.caretPos);
}
ColorPicker_ShowHide();
}
function colorPicker_setColor()
{
var c;
if (colorPicker["bg"])
{
c = colorPicker["bg_color"];
if (c == "") return;
document.getElementById("colorpicker_s_bgcolor").style.backgroundColor = c;
surroundText(\'[bgcolor=\' + c + \']\', \'[/bgcolor]\', document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . ');
document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.focus(document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.caretPos);
}
else
{
c = colorPicker["color"];
if (c == "") return;
document.getElementById("colorpicker_s_color").style.backgroundColor = c;
surroundText(\'[color=\' + c + \']\', \'[/color]\', document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . ');
document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.focus(document.forms.' . $context['post_form'] . '.' . $context['post_box_name'] . '.caretPos);
}
}
// ]]]]><![CDATA[></script>
<table style="margin-bottom: 2px" cellpadding="0" cellspacing="0"><tr><td nowrap="nowrap">';
// <-- Hack's Park Color Picker

// Print a drop down list for all the colors we allow!
if (!isset($context['disabled_tags']['color']))
echo ' <select onchange="surroundText(\'[color=\' + this.options[this.selectedIndex].value.toLowerCase() + \']\', \'[/color]\', document.forms.', $context['post_form'], '.', $context['post_box_name'], '); this.selectedIndex = 0; document.forms.', $context['post_form'], '.', $context['post_box_name'], '.focus(document.forms.', $context['post_form'], '.', $context['post_box_name'], '.caretPos);" style="margin-bottom: 1ex;">
<option value="" selected="selected">', $txt['change_color'], '</option>
<option value="Black">', $txt[262], '</option>
<option value="Red">', $txt[263], '</option>
<option value="Yellow">', $txt[264], '</option>
<option value="Pink">', $txt[265], '</option>
<option value="Green">', $txt[266], '</option>
<option value="Orange">', $txt[267], '</option>
<option value="Purple">', $txt[268], '</option>
<option value="Blue">', $txt[269], '</option>
<option value="Beige">', $txt[270], '</option>
<option value="Brown">', $txt[271], '</option>
<option value="Teal">', $txt[272], '</option>
<option value="Navy">', $txt[273], '</option>
<option value="Maroon">', $txt[274], '</option>
<option value="LimeGreen">', $txt[275], '</option>
</select>';
echo '<br />';

// Hack's Park Color Picker -->
if (!isset($context['disabled_tags']['color']))
{
echo '</td><td nowrap="nowrap"><div style="position: relative">';
echo '<img src="', $settings['images_url'], '/bbc/divider.gif" alt="|" style="margin: 0 3px" />';

echo '<img title="' . $txt['hs_cp_1'] . '" id="colorpicker_color" onclick="document.getElementById(\'colorpicker\').style.right = \'82px\'; colorPicker[\'bg\'] = false; ColorPicker_ShowHide();" onmouseover="this.style.backgroundImage = \'url(\\\'\' + smf_images_url + \'/bbc/bbc_hoverbg.gif\\\')\'" onmouseout="this.style.backgroundImage = \'url(\\\'\' + smf_images_url + \'/bbc/bbc_bg.gif\\\')\'" src="' . $settings['default_images_url'] . '/bbc/fontcolor.gif" width="23" height="22" alt="" style="background-image: url(\'' . $settings['images_url'] . '/bbc/bbc_bg.gif\'); cursor: pointer; margin: 1px 2px 1px 1px" />';
echo '<img id="colorpicker_s_color" src="' . $settings['default_images_url'] . '/blank.gif" width="19" height="18" alt="" class="tborder" style="background-color: transparent; padding: 0; margin: 2px 4px 2px 2px; cursor: crosshair" onclick="colorPicker[\'bg\'] = false; colorPicker_setColor();" />';

echo '<img title="' . $txt['hs_cp_2'] . '" id="colorpicker_bgcolor" onclick="document.getElementById(\'colorpicker\').style.right = \'29px\'; colorPicker[\'bg\'] = true; ColorPicker_ShowHide();" onmouseover="this.style.backgroundImage = \'url(\\\'\' + smf_images_url + \'/bbc/bbc_hoverbg.gif\\\')\'" onmouseout="this.style.backgroundImage = \'url(\\\'\' + smf_images_url + \'/bbc/bbc_bg.gif\\\')\'" src="' . $settings['default_images_url'] . '/bbc/bgcolor.gif" width="23" height="22" alt="" style="background-image: url(\'' . $settings['images_url'] . '/bbc/bbc_bg.gif\'); cursor: pointer; margin: 1px 2px 1px 1px" />';
echo '<img id="colorpicker_s_bgcolor" src="' . $settings['default_images_url'] . '/blank.gif" width="19" height="18" alt="" class="tborder" style="background-color: transparent; padding: 0; margin: 2px 4px 2px 2px; cursor: crosshair" onclick="colorPicker[\'bg\'] = true; colorPicker_setColor();" />';

echo '
<div style="display:none;position:absolute;bottom:-165px;right:0" id="colorpicker">
<div class="tborder">
<table cellpadding="4" cellspacing="0">
<tr class="windowbg2">
<td rowspan="2" nowrap="nowrap">
<div class="tborder" style="padding:0;margin:0"><script language="javascript" type="text/javascript">ColorPicker_ColorBox();</script></div>
</td>
<td style="text-align:left" valign="top" class="smalltext" nowrap="nowrap">
<div class="tborder" style="border-bottom:0;margin:0;padding:0;background-color:transparent;width:100px;height:20px" id="colorpicker_select"></div>
<div class="tborder" style="border-top:0;margin:0;padding:0;background-color:transparent;width:100px;height:20px" id="colorpicker_sample"></div>
<br /><input type="text" value="#FFFFFF" style="padding:2px;width:96px" class="smalltext" id="colorpicker_hexa">
<div style="text-align:right">
<br /><a href="javascript:;" onclick="colorPicker_setNewColor(document.getElementById(\'colorpicker_hexa\').value)">' . $txt['hs_cp_3'] . '</a>
| <a href="javascript:;" onclick="ColorPicker_ShowHide();">' . $txt['hs_cp_4'] . '</a>
<br /><br /><a title="Hack\'s Park" target="_blank" href="http://www.hackspark.com/">&copy;</a>
</div>
</td>
</tr>
<tr class="windowbg2">
<td valgin="bottom" align="center">
<div class="tborder" style="width:90px;padding:0;margin:0"><script language="javascript" type="text/javascript">ColorPicker_BoxGrayScale();</script></div>
</td>
</tr>
</table>
</div>
</div>
</div></td></tr></table>';
}
// <-- Hack's Park Color Picker

// Hack's Park Color Picker -->
$txt['hs_cp_1'] = 'สีตัวอักษร';
$txt['hs_cp_2'] = 'สีพื้นหลัง';
$txt['hs_cp_3'] = 'ใช้งาน';
$txt['hs_cp_4'] = 'ยกเลิก';
// <-- Hack's Park Color Picker