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

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

        <tr>
                <td colspan="3" align="center"><label>{'3DFlip_options_label'|@translate}</label>
                </td>
        </tr>

        <tr><td colspan="3"><hr></td></tr>

        <tr>
                <td>{'3DFlip_background'|@translate}</td>
                <td colspan="2" ><input type="text" size="7" maxlength="7" name="3DFlip_background" class="colorwell" value="{$3DFlip_background}" /></td>
        </tr>
        <tr>
                <td>{'3DFlip_friction'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="3DFlip_friction" value="{$3DFlip_friction}" />&nbsp;</td>
        </tr>
                <td>{'3DFlip_fullscreen'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="3DFlip_fullscreen" {$3DFlip_fullscreen}/>&nbsp;</td>
        </tr>
        <tr>
                <td>{'3DFlip_fieldOfView'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="3DFlip_fieldOfView" value="{$3DFlip_fieldOfView}" />&nbsp;</td>
        </tr>


        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="3"><label>{'3DFlip_options_margins'|@translate}</label>
                </td>
        </tr>

        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_top'|@translate}</label></td>
                <td align="center">{'3DFlip_bottom'|@translate}</td>
        </tr>
        <tr>
                <td>{'3DFlip_margin'|@translate}</td>
                <td align="center"><input type="text" size="2" maxlength="2" name="3DFlip_top" value="{$3DFlip_top}" />&nbsp;px</td>
                <td align="center"><input type="text" size="2" maxlength="2" name="3DFlip_bottom" value="{$3DFlip_bottom}" />&nbsp;px</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_right'|@translate}</label></td>
                <td align="center">{'3DFlip_left'|@translate}</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center"><input type="text" size="2" maxlength="2" name="3DFlip_right" value="{$3DFlip_right}" />&nbsp;px</td>
                <td align="center"><input type="text" size="2" maxlength="2" name="3DFlip_left" value="{$3DFlip_left}" />&nbsp;px</td>
        </tr>
        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="3"><label>{'3DFlip_options_interactions'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_flip'|@translate}</label></td>
                <td align="center">{'3DFlip_vertical'|@translate}</td>
        </tr>
        <tr>
                <td>{'3DFlip_interactions'|@translate}</td>
                <td align="center">
                        <select id="3DFlip_flip" name="3DFlip_flip">
                        {foreach from=$3DFlip_flip item=3DFlip_flip}
                                <option value="{$3DFlip_flip.ID}" {$3DFlip_flip.SELECTED}>{$3DFlip_flip.NAME}</option>
                        {/foreach}
                        </select>
                </td>
                <td align="center"><input type="checkbox" name="3DFlip_vertical" {$3DFlip_vertical}/>&nbsp;</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_speed'|@translate}</label></td>
                <td align="center">{'3DFlip_default_speed'|@translate}</td>
        </tr>
        <tr>
                <td>{'3DFlip_speed_param'|@translate}</td>
                <td align="center"><input type="text" size="4" maxlength="4" name="3DFlip_speed" value="{$3DFlip_speed}" />&nbsp;deg./sec.</td>
                <td align="center"><input type="text" size="4" maxlength="4" name="3DFlip_default_speed" value="{$3DFlip_default_speed}" />&nbsp;deg./sec.</td>
        </tr>
        <tr>
                <td>{'3DFlip_reset_delay'|@translate}</td>
                <td colspan="2"><input type="text" size="3" maxlength="3" name="3DFlip_reset_delay" value="{$3DFlip_reset_delay}" />&nbsp;sec.</td>
        </tr>

        
        <tr><td colspan="3"><hr></td></tr>
        <tr>
                <td colspan="3"><label>{'3DFlip_options_reflection'|@translate}</label>
                </td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_amountRef'|@translate}</label></td>
                <td align="center">{'3DFlip_blurRef'|@translate}</td>
        </tr>
        <tr>
                <td>{'3DFlip_reflection_param'|@translate}</td>
                <td align="center"><input type="text" size="4" maxlength="4" name="3DFlip_amountRef" value="{$3DFlip_amountRef}" />&nbsp;px</td>
                <td align="center"><input type="text" size="3" maxlength="3" name="3DFlip_blurRef" value="{$3DFlip_blurRef}" />&nbsp;</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center">{'3DFlip_distance'|@translate}</label></td>
                <td align="center">{'3DFlip_alpha'|@translate}</td>
        </tr>
        <tr>
                <td>&nbsp;</td>
                <td align="center"><input type="text" size="5" maxlength="5" name="3DFlip_distance" value="{$3DFlip_distance}" />&nbsp;px</td>
                <td align="center"><input type="text" size="3" maxlength="3" name="3DFlip_alpha" value="{$3DFlip_alpha}" />&nbsp;%</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}