source: extensions/Flash_Gallery/modules/_Exemple/admin/config.tpl @ 3531

<br>
<div id="colorpicker" style="float: right;"></div>      
<table>

        <tr>
                <td colspan="3" align="left"><label>{'SV_options_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>{'SV_maxImageWidth'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="SV_maxImageWidth" value="{$SV_maxImageWidth}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'SV_maxImageHeight'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="SV_maxImageHeight" value="{$SV_maxImageHeight}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'SV_textColor'|@translate}</td>
                <td colspan="2"><input type="text" size="7" maxlength="7" name="SV_textColor" class="colorwell" value="{$SV_textColor}" /></td>
        </tr>
        <tr>
                <td>{'SV_frameColor'|@translate}</td>                   
                <td colspan="2"><input type="text" size="7" maxlength="7" name="SV_frameColor" class="colorwell" value="{$SV_frameColor}" /></td>
        </tr>
        <tr>
                <td>{'SV_frameWidth'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="SV_frameWidth" value="{$SV_frameWidth}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'SV_stagePadding'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="SV_stagePadding" value="{$SV_stagePadding}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>{'SV_navPadding'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="SV_navPadding" value="{$SV_navPadding}" />&nbsp;px</td>
        </tr>
        <tr>
                        <td>&nbsp;</td>
                        <td>{'SV_thumbnailColumns'|@translate}</label></td>
                        <td>{'SV_thumbnailRows'|@translate}</td>
        </tr>
        <tr>
                <td>{'SV_thumbnail'|@translate}</td>
                <td><input type="text" size="2" maxlength="2" name="SV_thumbnailColumns" value="{$SV_thumbnailColumns}" /></td>
                <td><input type="text" size="2" maxlength="2" name="SV_thumbnailRows" value="{$SV_thumbnailRows}" /></td>
        </tr>

        <tr>
                <td>{'SV_NavPosition'|@translate}</td>
                <td colspan="2">
                        <select id="SV_NavPosition" name="SV_NavPosition">
                        {foreach from=$SV_NavPosition item=SV_NavPosition}
                                <option value="{$SV_NavPosition.ID}" {$SV_NavPosition.SELECTED}>{$SV_NavPosition.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
                <td>{'SV_vAlign'|@translate}</td>
                <td colspan="2">
                        <select id="SV_vAlign" name="SV_vAlign">
                        {foreach from=$SV_vAlign item=SV_vAlign}
                                <option value="{$SV_vAlign.ID}" {$SV_vAlign.SELECTED}>{$SV_vAlign.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        </tr>
                <td>{'SV_hAlign'|@translate}</td>
                <td colspan="2">
                        <select id="SV_hAlign" name="SV_hAlign">
                        {foreach from=$SV_hAlign item=SV_hAlign}
                                <option value="{$SV_hAlign.ID}" {$SV_hAlign.SELECTED}>{$SV_hAlign.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        
        <tr>
                <td>{'SV_title'|@translate}</td>
                <td colspan="2"><input type="text" size="30" maxlength="30" name="SV_title" value="{$SV_title}" /></td>
        </tr>
        
        <tr>
                <td>{'SV_enableRightClickOpen'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="SV_enableRightClickOpen" {$SV_enableRightClickOpen}/></td>
        </tr>
        
</table>

{literal}

<script type="text/javascript" charset="utf-8">
 $(document).ready(function() {
     var f = $.farbtastic('#colorpicker');
     var selected;
     $('.colorwell')
       .each(function () { f.linkTo(this);  })
       .focus(function() {
        f.linkTo(this);

       });
  });
</script>
{/literal}