source: extensions/Flash_Gallery/modules/JWImageRotator/admin/config.tpl @ 4312

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


        <tr>
                <td colspan="3" align="left"><label>{'JWIR_options_label'|@translate}</label>
                </td>
        </tr>
        <tr>
                        <td>&nbsp;</td>
                        <td align="center">{'JWIR_height'|@translate}</label></td>
                        <td align="center">{'JWIR_width'|@translate}</td>
        </tr>
        <tr>
                <td>{'JWIR_size'|@translate}</td>
                <td align="center"><input type="text" size="3" maxlength="3" name="JWIR_height" value="{$JWIR_height}" /></td>
                <td align="center"><input type="text" size="3" maxlength="3" name="JWIR_width" value="{$JWIR_width}" /></td>
        </tr>


        <tr>
                <td>{'JWIR_backcolor'|@translate}</td>                  
                <td colspan="2"><input type="text" size="7" maxlength="7" name="JWIR_backcolor" class="colorwell" value="{$JWIR_backcolor}" /></td>
        </tr>
        <tr>
                <td>{'JWIR_frontcolor'|@translate}</td>                 
                <td colspan="2"><input type="text" size="7" maxlength="7" name="JWIR_frontcolor" class="colorwell" value="{$JWIR_frontcolor}" /></td>
        </tr>
        <tr>
                <td>{'JWIR_lightcolor'|@translate}</td>                 
                <td colspan="2"><input type="text" size="7" maxlength="7" name="JWIR_lightcolor" class="colorwell" value="{$JWIR_lightcolor}" /></td>
        </tr>
        <tr>
                <td>{'JWIR_overstretch'|@translate}</td>
                <td colspan="2">
                        <select id="JWIR_overstretch" name="JWIR_overstretch">
                        {foreach from=$JWIR_overstretch item=JWIR_overstretch}
                                <option value="{$JWIR_overstretch.ID}" {$JWIR_overstretch.SELECTED}>{$JWIR_overstretch.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'JWIR_screencolor'|@translate}</td>                        
                <td colspan="2"><input type="text" size="7" maxlength="7" name="JWIR_screencolor" class="colorwell" value="{$JWIR_screencolor}" /></td>
        </tr>
        
        <tr>
                <td>{'JWIR_showicons'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_showicons" {$JWIR_showicons}/></td>
        </tr>
        <tr>
                <td>{'JWIR_shownavigation'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_shownavigation" {$JWIR_shownavigation}/></td>
        </tr>
        <tr>
                <td>{'JWIR_transition'|@translate}</td>
                <td colspan="2">
                        <select id="JWIR_transition" name="JWIR_transition">
                        {foreach from=$JWIR_transition item=JWIR_transition}
                                <option value="{$JWIR_transition.ID}" {$JWIR_transition.SELECTED}>{$JWIR_transition.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>
        <tr>
                <td>{'JWIR_usefullscreen'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_usefullscreen" {$JWIR_usefullscreen}/></td>
        </tr>
        <tr>
                <td>{'JWIR_linkfromdisplay'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_linkfromdisplay" {$JWIR_linkfromdisplay}/></td>
        </tr>
        <tr>
                <td>{'JWIR_linktarget'|@translate}</td>
                <td colspan="2">
                        <select id="JWIR_linktarget" name="JWIR_linktarget">
                        {foreach from=$JWIR_linktarget item=JWIR_linktarget}
                                <option value="{$JWIR_linktarget.ID}" {$JWIR_linktarget.SELECTED}>{$JWIR_linktarget.NAME}</option>
                        {/foreach}
                        </select>
                </td>
        </tr>



        <tr>
                <td>{'JWIR_repeat'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_repeat" {$JWIR_repeat}/></td>
        </tr>

        <tr>
                <td>{'JWIR_rotatetime'|@translate}</td>
                <td colspan="2"><input type="text" size="2" maxlength="2" name="JWIR_rotatetime" value="{$JWIR_rotatetime}" />sec.</td>
        </tr>
        <tr>
                <td>{'JWIR_shuffle'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_shuffle" {$JWIR_shuffle}/></td>
        </tr>
        <tr>
                <td>{'JWIR_autostart'|@translate}</td>
                <td colspan="2"><input type="checkbox" name="JWIR_autostart" {$JWIR_autostart}/></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}