[5421] | 1 | {known_script id="jquery.ui" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.core.packed.js"} |
---|
| 2 | {known_script id="jquery.ui.slider" src=$ROOT_URL|@cat:"themes/default/js/ui/packed/ui.slider.packed.js"} |
---|
[3681] | 3 | |
---|
| 4 | {literal} |
---|
| 5 | <style> |
---|
| 6 | .ui-slider { |
---|
| 7 | width:350px; |
---|
| 8 | height:10px; |
---|
[5545] | 9 | border-width:1px; |
---|
| 10 | border-style:solid; |
---|
[5421] | 11 | margin-right:5px; |
---|
| 12 | padding-right:14px; |
---|
[3681] | 13 | } |
---|
| 14 | .ui-slider-handle { |
---|
| 15 | width:12px; |
---|
| 16 | height:12px; |
---|
| 17 | position:relative; |
---|
| 18 | top:-2px; |
---|
[5545] | 19 | border-width:1px; |
---|
| 20 | border-style:solid; |
---|
[5421] | 21 | display:block; |
---|
[3681] | 22 | } |
---|
| 23 | </style> |
---|
| 24 | <script type="text/javascript"> |
---|
| 25 | |
---|
| 26 | //global var ; need to not have to initialize them every time a value is changed |
---|
| 27 | var objlang; |
---|
| 28 | var objnames = new Array('iamm_randompicture_title'); |
---|
| 29 | var objinput = new Array(); //input text from form => objinput[name] |
---|
| 30 | var objhidden = new Array(); //input hidden from form => objhidden[name][lang] |
---|
| 31 | |
---|
| 32 | function init() |
---|
| 33 | { |
---|
| 34 | objlang = document.getElementById('islang'); |
---|
| 35 | for(i=0;i<objnames.length;i++) |
---|
| 36 | { |
---|
| 37 | objinput[i] = document.getElementById(objnames[i]); |
---|
| 38 | objhidden[i] = new Array(); |
---|
| 39 | for(j=0;j<objlang.options.length;j++) |
---|
| 40 | { |
---|
| 41 | objhidden[i][j] = document.getElementById(objnames[i]+'_'+objlang.options[j].value); |
---|
| 42 | } |
---|
| 43 | } |
---|
| 44 | |
---|
| 45 | formatDelay({/literal}{$datas.periodic_change}{literal}); |
---|
| 46 | $("#iamm_rp_pc_slider").slider( |
---|
| 47 | { |
---|
[3690] | 48 | min:0, |
---|
[3681] | 49 | max:60000, |
---|
| 50 | steps:120, |
---|
[5429] | 51 | value:{/literal}{$datas.periodic_change}{literal}, |
---|
[3681] | 52 | slide: function(event, ui) { formatDelay(ui.value); } |
---|
| 53 | }); |
---|
[5545] | 54 | $("#iamm_rp_pc_slider a").addClass('gcBgInput'); |
---|
[3690] | 55 | |
---|
| 56 | formatHeight({/literal}{$datas.height}{literal}); |
---|
| 57 | $("#iamm_rp_height_slider").slider( |
---|
| 58 | { |
---|
| 59 | min:99, |
---|
| 60 | max:300, |
---|
| 61 | steps:201, |
---|
[5429] | 62 | value:affectHeight({/literal}{$datas.height}{literal}), |
---|
[3690] | 63 | slide: function(event, ui) { formatHeight(ui.value); } |
---|
| 64 | }); |
---|
[5545] | 65 | $("#iamm_rp_height_slider a").addClass('gcBgInput'); |
---|
[3681] | 66 | } |
---|
| 67 | |
---|
| 68 | function formatDelay(delay) |
---|
[3690] | 69 | { |
---|
[3681] | 70 | $("#iamm_randompicture_periodicchange").val(delay); |
---|
| 71 | if(delay==0) |
---|
| 72 | { |
---|
| 73 | $("#iamm_rp_pc_display").html("{/literal}{'g002_setting_randompic_periodicchange_deactivated'|@translate}{literal}"); |
---|
| 74 | } |
---|
| 75 | else |
---|
| 76 | { |
---|
| 77 | $("#iamm_rp_pc_display").html((delay/1000).toFixed(2)+"s"); |
---|
| 78 | } |
---|
| 79 | } |
---|
| 80 | |
---|
[3690] | 81 | function formatHeight(height) |
---|
| 82 | { |
---|
| 83 | (height==99)?vheight=0:vheight=height; |
---|
| 84 | |
---|
| 85 | $("#iamm_randompicture_height").val(vheight); |
---|
| 86 | if(vheight==0) |
---|
| 87 | { |
---|
| 88 | $("#iamm_rp_height_display").html("{/literal}{'g002_setting_randompic_height_auto'|@translate}{literal}"); |
---|
| 89 | } |
---|
| 90 | else |
---|
| 91 | { |
---|
| 92 | $("#iamm_rp_height_display").html(vheight+"px"); |
---|
| 93 | } |
---|
| 94 | } |
---|
| 95 | |
---|
| 96 | function affectHeight(height) |
---|
| 97 | { |
---|
| 98 | if(height==0) |
---|
| 99 | {return(0);}else{return(height);} |
---|
| 100 | } |
---|
| 101 | |
---|
[3681] | 102 | function change_lang() |
---|
| 103 | { |
---|
| 104 | for(i=0;i<objnames.length;i++) |
---|
| 105 | { |
---|
| 106 | objinput[i].value = objhidden[i][objlang.options.selectedIndex].value; |
---|
| 107 | } |
---|
| 108 | } |
---|
| 109 | |
---|
| 110 | function apply_changes(input_id) |
---|
| 111 | { |
---|
| 112 | var obj=document.getElementById(input_id); |
---|
| 113 | objhidden[objnames.indexOf(input_id)][objlang.options.selectedIndex].value = obj.value; |
---|
| 114 | } |
---|
| 115 | |
---|
| 116 | function do_translation() |
---|
| 117 | { |
---|
| 118 | var inputid = document.getElementById('iamm_randompicture_title'); |
---|
| 119 | var tolang = objlang.options[objlang.options.selectedIndex].value.substr(0,2); |
---|
| 120 | |
---|
| 121 | google_translate(inputid.value, '{/literal}{$datas.fromlang}{literal}', tolang, inputid, 'value', apply_changes, inputid.id); |
---|
| 122 | |
---|
| 123 | } |
---|
| 124 | |
---|
| 125 | |
---|
| 126 | </script> |
---|
| 127 | {/literal} |
---|
| 128 | |
---|
| 129 | |
---|
| 130 | |
---|
| 131 | <h3>{'g002_configrandompic'|@translate}</h3> |
---|
| 132 | |
---|
| 133 | |
---|
| 134 | <form method="post" action="" class="general"> |
---|
| 135 | <fieldset> |
---|
| 136 | <legend>{'g002_setting_block_menu'|@translate}</legend> |
---|
| 137 | |
---|
| 138 | {if isset($datas.language_list) and count($datas.language_list)} |
---|
| 139 | {foreach from=$datas.language_list key=name item=language_row} |
---|
| 140 | <input type="hidden" name="famm_randompicture_title_{$language_row.LANG}" |
---|
| 141 | id="iamm_randompicture_title_{$language_row.LANG}" value="{$language_row.MENUBARTIT}"> |
---|
| 142 | {/foreach} |
---|
| 143 | {/if} |
---|
| 144 | |
---|
| 145 | <table class="formtable"> |
---|
| 146 | <tr> |
---|
| 147 | <td>{'g002_setting_block_title'|@translate}</td> |
---|
[3690] | 148 | <td colspan="2"> |
---|
[3681] | 149 | <input type="text" id="iamm_randompicture_title" value="" maxlength="50" onkeyup="apply_changes('iamm_randompicture_title');" onblur="apply_changes('iamm_randompicture_title');"/> |
---|
| 150 | <select onchange="change_lang();" id="islang"> |
---|
| 151 | {html_options values=$datas.language_list_values output=$datas.language_list_labels selected=$datas.lang_selected} |
---|
| 152 | </select><br> |
---|
| 153 | </td> |
---|
| 154 | </tr> |
---|
| 155 | <tr> |
---|
| 156 | <td></td> |
---|
[3690] | 157 | <td style="font-size:80%;" colspan="2"> |
---|
[3681] | 158 | <a style="cursor:pointer;" onclick="do_translation()">{'g002_translate'|@translate}</a> |
---|
| 159 | </td> |
---|
| 160 | </tr> |
---|
| 161 | |
---|
[3690] | 162 | <tr> |
---|
| 163 | <td>{'g002_setting_randompic_height'|@translate}</td> |
---|
| 164 | <td> |
---|
| 165 | <input type="hidden" name="famm_randompicture_height" id="iamm_randompicture_height" value="{$datas.height}"> |
---|
[5545] | 166 | <div id="iamm_rp_height_slider" class="gcBgInput gcBorderInput"></div> |
---|
[3690] | 167 | </td> |
---|
| 168 | <td width="90px"> |
---|
| 169 | <div id="iamm_rp_height_display"></div> |
---|
| 170 | </td> |
---|
| 171 | </tr> |
---|
| 172 | |
---|
| 173 | |
---|
[3681] | 174 | </table> |
---|
| 175 | |
---|
| 176 | </fieldset> |
---|
| 177 | |
---|
| 178 | <fieldset> |
---|
| 179 | <legend>{'g002_setting_randompic_aboutpicture'|@translate}</legend> |
---|
| 180 | <table class="formclass"> |
---|
| 181 | <tr> |
---|
| 182 | <td>{'g002_setting_randompic_showname'|@translate}</td> |
---|
| 183 | <td> |
---|
| 184 | <select name="famm_randompicture_showname" id="iamm_randompicture_showname"> |
---|
| 185 | {html_options values=$datas.show_values output=$datas.show_labels selected=$datas.showname_selected} |
---|
| 186 | </select> |
---|
| 187 | </td> |
---|
| 188 | </tr> |
---|
| 189 | |
---|
| 190 | <tr> |
---|
| 191 | <td>{'g002_setting_randompic_showcomment'|@translate}</td> |
---|
| 192 | <td> |
---|
| 193 | <select name="famm_randompicture_showcomment" id="iamm_randompicture_showcomment"> |
---|
| 194 | {html_options values=$datas.show_values output=$datas.show_labels selected=$datas.showcomment_selected} |
---|
| 195 | </select> |
---|
| 196 | </td> |
---|
| 197 | </tr> |
---|
| 198 | |
---|
| 199 | </table> |
---|
| 200 | </fieldset> |
---|
| 201 | |
---|
| 202 | |
---|
| 203 | <fieldset> |
---|
| 204 | <legend>{'g002_setting_randompic_periodicchange'|@translate}</legend> |
---|
| 205 | <table class="formclass"> |
---|
| 206 | <tr> |
---|
| 207 | <td>{'g002_setting_randompic_periodicchange_delay'|@translate}</td> |
---|
| 208 | <td> |
---|
| 209 | <input type="hidden" name="famm_randompicture_periodicchange" id="iamm_randompicture_periodicchange" value="{$datas.periodic_change}"> |
---|
[5545] | 210 | <div id="iamm_rp_pc_slider" class="gcBgInput gcBorderInput"></div> |
---|
[3681] | 211 | </td> |
---|
| 212 | <td width="70px"> |
---|
| 213 | <div id="iamm_rp_pc_display"></div> |
---|
| 214 | </td> |
---|
| 215 | </tr> |
---|
| 216 | |
---|
| 217 | |
---|
| 218 | </table> |
---|
| 219 | </fieldset> |
---|
| 220 | |
---|
| 221 | <p> |
---|
| 222 | <input type="submit" name="famm_submit_apply" id="iamm_submit_apply" value="{'g002_apply'|@translate}" > |
---|
| 223 | </p> |
---|
| 224 | |
---|
| 225 | <input type="hidden" name="famm_modeedit" value="config"> |
---|
| 226 | |
---|
| 227 | </form> |
---|
| 228 | |
---|
| 229 | <script type="text/javascript"> |
---|
| 230 | init(); |
---|
| 231 | change_lang(); |
---|
[3690] | 232 | </script> |
---|