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