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