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:1px solid; |
---|
10 | margin-right:5px; |
---|
11 | padding-right:14px; |
---|
12 | } |
---|
13 | .ui-slider-handle { |
---|
14 | width:12px; |
---|
15 | height:12px; |
---|
16 | position:relative; |
---|
17 | top:-2px; |
---|
18 | border:1px solid; |
---|
19 | display:block; |
---|
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 | { |
---|
46 | min:0, |
---|
47 | max:60000, |
---|
48 | steps:120, |
---|
49 | startValue:{/literal}{$datas.periodic_change}{literal}, |
---|
50 | slide: function(event, ui) { formatDelay(ui.value); } |
---|
51 | }); |
---|
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 | }); |
---|
62 | } |
---|
63 | |
---|
64 | function formatDelay(delay) |
---|
65 | { |
---|
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 | |
---|
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 | |
---|
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> |
---|
144 | <td colspan="2"> |
---|
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> |
---|
153 | <td style="font-size:80%;" colspan="2"> |
---|
154 | <a style="cursor:pointer;" onclick="do_translation()">{'g002_translate'|@translate}</a> |
---|
155 | </td> |
---|
156 | </tr> |
---|
157 | |
---|
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 | |
---|
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(); |
---|
228 | </script> |
---|