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"} |
---|
3 | |
---|
4 | {literal} |
---|
5 | <style> |
---|
6 | .ui-slider { |
---|
7 | width:350px; |
---|
8 | height:10px; |
---|
9 | border-width:1px; |
---|
10 | border-style:solid; |
---|
11 | margin-right:5px; |
---|
12 | padding-right:14px; |
---|
13 | } |
---|
14 | .ui-slider-handle { |
---|
15 | width:12px; |
---|
16 | height:12px; |
---|
17 | position:relative; |
---|
18 | top:-2px; |
---|
19 | border-width:1px; |
---|
20 | border-style:solid; |
---|
21 | display:block; |
---|
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 | { |
---|
48 | min:0, |
---|
49 | max:60000, |
---|
50 | steps:120, |
---|
51 | value:{/literal}{$datas.periodic_change}{literal}, |
---|
52 | slide: function(event, ui) { formatDelay(ui.value); } |
---|
53 | }); |
---|
54 | $("#iamm_rp_pc_slider a").addClass('gcBgInput'); |
---|
55 | |
---|
56 | formatHeight({/literal}{$datas.height}{literal}); |
---|
57 | $("#iamm_rp_height_slider").slider( |
---|
58 | { |
---|
59 | min:99, |
---|
60 | max:300, |
---|
61 | steps:201, |
---|
62 | value:affectHeight({/literal}{$datas.height}{literal}), |
---|
63 | slide: function(event, ui) { formatHeight(ui.value); } |
---|
64 | }); |
---|
65 | $("#iamm_rp_height_slider a").addClass('gcBgInput'); |
---|
66 | } |
---|
67 | |
---|
68 | function formatDelay(delay) |
---|
69 | { |
---|
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 | |
---|
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 | |
---|
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> |
---|
148 | <td colspan="2"> |
---|
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> |
---|
157 | <td style="font-size:80%;" colspan="2"> |
---|
158 | <a style="cursor:pointer;" onclick="do_translation()">{'g002_translate'|@translate}</a> |
---|
159 | </td> |
---|
160 | </tr> |
---|
161 | |
---|
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}"> |
---|
166 | <div id="iamm_rp_height_slider" class="gcBgInput gcBorderInput"></div> |
---|
167 | </td> |
---|
168 | <td width="90px"> |
---|
169 | <div id="iamm_rp_height_display"></div> |
---|
170 | </td> |
---|
171 | </tr> |
---|
172 | |
---|
173 | |
---|
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}"> |
---|
210 | <div id="iamm_rp_pc_slider" class="gcBgInput gcBorderInput"></div> |
---|
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(); |
---|
232 | </script> |
---|