source: spip-zone/_squelettes_/sarkaspip/stable_30/fonds/cfg_sarkaspip_coins.html @ 36161

Last change on this file since 36161 was 36161, checked in by eric@…, 11 years ago

Adaptation du code jquery à la nouvelle écriture sans @

  • Property svn:eol-style set to native
File size: 13.5 KB
Line 
1<!-- titre=<:sarkaspip:cfg_titre_coins:> -->
2<!-- descriptif=<:sarkaspip:cfg_descr_coins:> -->
3<!-- boite=<:sarkaspip:cfg_boite_coins:> -->
4<INCLURE{fond=noisettes/cfg/inc_cfg_header}>
5#CACHE{0}
6
7<script type="text/javascript">
8//<![CDATA[
9        jQuery(document).ready(function() {
10                [(#ENV{avec_arrondis, 0}|!={1}|?{' '}) jQuery("#bloc_coins").hide();]
11
12                // Traitement du choix arrondi ou pas
13                jQuery("input[name='avec_arrondis']").change(function() {
14                        if (jQuery("input[name='avec_arrondis']:checked").val() == 1) {
15                                jQuery("#bloc_coins").show();
16                        }
17                        else {
18                                jQuery("#bloc_coins").hide();
19                        }
20                        jQuery(this).blur();
21                });     
22               
23                // Traitement des vignettes du bandeau
24                jQuery("input[name='modele_bandeau']").click(function() {
25                        switch(jQuery("input[name='modele_bandeau']:checked").val()){
26                                case '0' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau0.png})]"});break;
27                                case '1' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau1.png})]"});break;
28                                case '2' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau2.png})]"});break;
29                                case '3' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau3.png})]"});break;
30                                case '4' :jQuery("#bloc_image_bandeau").attr({src: "[(#CHEMIN{prive/images/coins_bandeau4.png})]"});break;
31                        }
32                        jQuery(this).blur();
33                });     
34               
35                // Traitement des vignettes du pied
36                jQuery("input[name='modele_pied']").click(function() {
37                        switch(jQuery("input[name='modele_pied']:checked").val()){
38                                case '0' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied0.png})]"});break;
39                                case '1' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied1.png})]"});break;
40                                case '2' :jQuery("#bloc_image_pied").attr({src: "[(#CHEMIN{prive/images/coins_pied2.png})]"});break;
41                        }
42                        jQuery(this).blur();
43                });     
44               
45                // Traitement des vignettes des menus des pages speciales et formulaires
46                jQuery("input[name='modele_nav']").click(function() {
47                        switch(jQuery("input[name='modele_nav']:checked").val()){
48                                case '0' :jQuery("#bloc_image_nav").attr({src: "[(#CHEMIN{prive/images/coins_nav0.png})]"});break;
49                                case '1' :jQuery("#bloc_image_nav").attr({src: "[(#CHEMIN{prive/images/coins_nav1.png})]"});break;
50                                case '2' :jQuery("#bloc_image_nav").attr({src: "[(#CHEMIN{prive/images/coins_nav2.png})]"});break;
51                        }
52                        jQuery(this).blur();
53                });     
54               
55                // Traitement des vignettes du formulaire de recherche
56                jQuery("input[name='modele_recherche']").click(function() {
57                        switch(jQuery("input[name='modele_recherche']:checked").val()){
58                                case '0' :jQuery("#bloc_image_recherche").attr({src: "[(#CHEMIN{prive/images/coins_recherche0.png})]"});break;
59                                case '1' :jQuery("#bloc_image_recherche").attr({src: "[(#CHEMIN{prive/images/coins_recherche1.png})]"});break;
60                        }
61                        jQuery(this).blur();
62                });     
63               
64                // Traitement des vignettes des colonnes
65                jQuery("input[name='modele_noisette']").click(function() {
66                        switch(jQuery("input[name='modele_noisette']:checked").val()){
67                                case '0' :jQuery("#bloc_image_noisette").attr({src: "[(#CHEMIN{prive/images/coins_noisette0.png})]"});break;
68                                case '1' :jQuery("#bloc_image_noisette").attr({src: "[(#CHEMIN{prive/images/coins_noisette1.png})]"});break;
69                                case '2' :jQuery("#bloc_image_noisette").attr({src: "[(#CHEMIN{prive/images/coins_noisette2.png})]"});break;
70                                case '3' :jQuery("#bloc_image_noisette").attr({src: "[(#CHEMIN{prive/images/coins_noisette3.png})]"});break;
71                                case '4' :jQuery("#bloc_image_noisette").attr({src: "[(#CHEMIN{prive/images/coins_noisette4.png})]"});break;
72                        }
73                        jQuery(this).blur();
74                });     
75               
76                // Traitement des vignettes de l'edito
77                jQuery("input[name='modele_edito']").click(function() {
78                        switch(jQuery("input[name='modele_edito']:checked").val()){
79                                case '0' :jQuery("#bloc_image_edito").attr({src: "[(#CHEMIN{prive/images/coins_edito0.png})]"});break;
80                                case '1' :jQuery("#bloc_image_edito").attr({src: "[(#CHEMIN{prive/images/coins_edito1.png})]"});break;
81                        }
82                        jQuery(this).blur();
83                });     
84               
85                // Traitement des vignettes des extraits
86                jQuery("input[name='modele_extrait']").click(function() {
87                        switch(jQuery("input[name='modele_extrait']:checked").val()){
88                                case '0' :jQuery("#bloc_image_extrait").attr({src: "[(#CHEMIN{prive/images/coins_extrait0.png})]"});break;
89                                case '1' :jQuery("#bloc_image_extrait").attr({src: "[(#CHEMIN{prive/images/coins_extrait1.png})]"});break;
90                        }
91                        jQuery(this).blur();
92                });     
93
94        });
95//]]>
96</script>
97
98<form method="post" action="#SELF" enctype="multipart/form-data"><div>
99        [(#ENV{_cfg_}|form_hidden)]
100       
101        <fieldset>     
102                <legend><:sarkaspip:cfg_lgd_coins:></legend>
103                <p><:sarkaspip:cfg_inf_coins:></p>
104                <label>
105                        <input type="radio" name="avec_arrondis" value="1" [(#ENV{avec_arrondis, 0}|=={1}|?{checked="checked"})] />
106                        <:sarkaspip:cfg_lbl_oui:>
107                </label>
108                <label>
109                        <input type="radio" name="avec_arrondis" value="0" [(#ENV{avec_arrondis, 0}|=={0}|?{checked="checked"})] />
110                        <:sarkaspip:cfg_lbl_non:>
111                </label>               
112        </fieldset>
113 
114        <div id="bloc_coins">
115                <!-- Configuration du bandeau -->
116                <fieldset>
117                        <legend><:sarkaspip:cfg_lgd_coins_bandeau:></legend>
118                        <table style="border: 0; width:100%;"><tr>
119                        <td>
120                                <label>
121                                        <input type="radio" name="modele_bandeau" value="0" [(#ENV{modele_bandeau, 0}|=={0}|?{checked="checked"})] />
122                                        <:sarkaspip:cfg_lbl_coins_bandeau_0:>
123                                </label>
124                                <br />
125                                <label>
126                                        <input type="radio" name="modele_bandeau" value="1" [(#ENV{modele_bandeau, 0}|=={1}|?{checked="checked"})] />
127                                        <:sarkaspip:cfg_lbl_coins_bandeau_1:>
128                                </label>
129                                <br />
130                                <label>
131                                        <input type="radio" name="modele_bandeau" value="2" [(#ENV{modele_bandeau, 0}|=={2}|?{checked="checked"})] />
132                                        <:sarkaspip:cfg_lbl_coins_bandeau_2:>
133                                </label>
134                                <br />
135                                <label>
136                                        <input type="radio" name="modele_bandeau" value="3" [(#ENV{modele_bandeau, 0}|=={3}|?{checked="checked"})] />
137                                        <:sarkaspip:cfg_lbl_coins_bandeau_3:>
138                                </label>
139                                <br />
140                                <label>
141                                        <input type="radio" name="modele_bandeau" value="4" [(#ENV{modele_bandeau, 0}|=={4}|?{checked="checked"})] />
142                                        <:sarkaspip:cfg_lbl_coins_bandeau_4:>
143                                </label>
144                        </td>
145                        <td style="text-align: center;">
146                                <img id="bloc_image_bandeau" src="[(#CHEMIN{[prive/images/coins_bandeau(#ENV{modele_bandeau, 0}).png]})]" alt="Coins bandeau #ENV{modele_bandeau, 0}"/>
147                        </td>
148                        </tr></table>
149                        <br />
150                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
151                                <input type="text" name="taille_bandeau" value="#ENV{taille_bandeau, 10}" size="3" class="fondl" />
152                                <:sarkaspip:cfg_lbl_pixel:>
153                        </label>
154                </fieldset>
155
156                <!-- Configuration du pied -->
157                <fieldset>
158                        <legend><:sarkaspip:cfg_lgd_coins_pied:></legend>
159                        <table style="border: 0; width:100%;"><tr>
160                        <td>
161                                <label>
162                                        <input type="radio" name="modele_pied" value="0" [(#ENV{modele_pied, 0}|=={0}|?{checked="checked"})] />
163                                        <:sarkaspip:cfg_lbl_coins_pied_0:>
164                                </label>
165                                <br />
166                                <label>
167                                        <input type="radio" name="modele_pied" value="1" [(#ENV{modele_pied, 0}|=={1}|?{checked="checked"})] />
168                                        <:sarkaspip:cfg_lbl_coins_pied_1:>
169                                </label>
170                                <br />
171                                <label>
172                                        <input type="radio" name="modele_pied" value="2" [(#ENV{modele_pied, 0}|=={2}|?{checked="checked"})] />
173                                        <:sarkaspip:cfg_lbl_coins_pied_2:>
174                                </label>
175                        </td>
176                        <td style="text-align: center;">
177                                <img id="bloc_image_pied" src="[(#CHEMIN{[prive/images/coins_pied(#ENV{modele_pied, 0}).png]})]" alt="Coins pied #ENV{modele_pied, 0}"/>
178                        </td>
179                        </tr></table>
180                        <br />
181                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
182                                <input type="text" name="taille_pied" value="#ENV{taille_pied, 10}" size="3" class="fondl" />
183                                <:sarkaspip:cfg_lbl_pixel:>
184                        </label>
185                </fieldset>
186
187                <!-- Configuration des menus formulaires et pages speciales -->
188                <fieldset>
189                        <legend><:sarkaspip:cfg_lgd_coins_nav:></legend>
190                        <table style="border: 0; width:100%;"><tr>
191                        <td>
192                                <label>
193                                        <input type="radio" name="modele_nav" value="0" [(#ENV{modele_nav, 0}|=={0}|?{checked="checked"})] />
194                                        <:sarkaspip:cfg_lbl_coins_nav_0:>
195                                </label>
196                                <br />
197                                <label>
198                                        <input type="radio" name="modele_nav" value="1" [(#ENV{modele_nav, 0}|=={1}|?{checked="checked"})] />
199                                        <:sarkaspip:cfg_lbl_coins_nav_1:>
200                                </label>
201                                <br />
202                                <label>
203                                        <input type="radio" name="modele_nav" value="2" [(#ENV{modele_nav, 0}|=={2}|?{checked="checked"})] />
204                                        <:sarkaspip:cfg_lbl_coins_nav_2:>
205                                </label>
206                        </td>
207                        <td style="text-align: center;">
208                                <img id="bloc_image_nav" src="[(#CHEMIN{[prive/images/coins_nav(#ENV{modele_nav, 0}).png]})]" alt="Coins menus formulaires et pages speciales #ENV{modele_nav, 0}"/>
209                        </td>
210                        </tr></table>
211                        <br />
212                        <label><:sarkaspip:cfg_lbl_cadre_taille_arrondi:>
213                                <input type="text" name="taille_nav_cadre" value="#ENV{taille_nav_cadre, 10}" size="3" class="fondl" />
214                                <:sarkaspip:cfg_lbl_pixel:>
215                        </label>
216                </fieldset>
217
218                <!-- Configuration du formulaire de recherche -->
219                <fieldset>
220                        <legend><:sarkaspip:cfg_lgd_coins_recherche:></legend>
221                        <table style="border: 0; width:100%;"><tr>
222                        <td>
223                                <label>
224                                        <input type="radio" name="modele_recherche" value="0" [(#ENV{modele_recherche, 0}|=={0}|?{checked="checked"})] />
225                                        <:sarkaspip:cfg_lbl_coins_recherche_0:>
226                                </label>
227                                <br />
228                                <label>
229                                        <input type="radio" name="modele_recherche" value="1" [(#ENV{modele_recherche, 0}|=={1}|?{checked="checked"})] />
230                                        <:sarkaspip:cfg_lbl_coins_recherche_1:>
231                                </label>
232                        </td>
233                        <td style="text-align: center;">
234                                <img id="bloc_image_recherche" src="[(#CHEMIN{[prive/images/coins_recherche(#ENV{modele_recherche, 0}).png]})]" alt="Coins formulaire de recherche #ENV{modele_recherche, 0}"/>
235                        </td>
236                        </tr></table>
237                        <br />
238                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
239                                <input type="text" name="taille_recherche" value="#ENV{taille_recherche, 10}" size="3" class="fondl" />
240                                <:sarkaspip:cfg_lbl_pixel:>
241                        </label>
242                </fieldset>
243
244                <!-- Configuration des noisettes des colonnes -->
245                <fieldset>
246                        <legend><:sarkaspip:cfg_lgd_coins_noisettes:></legend>
247                        <table style="border: 0; width:100%;"><tr>
248                        <td>
249                                <label>
250                                        <input type="radio" name="modele_noisette" value="0" [(#ENV{modele_noisette, 0}|=={0}|?{checked="checked"})] />
251                                        <:sarkaspip:cfg_lbl_coins_noisette_0:>
252                                </label>
253                                <br />
254                                <label>
255                                        <input type="radio" name="modele_noisette" value="1" [(#ENV{modele_noisette, 0}|=={1}|?{checked="checked"})] />
256                                        <:sarkaspip:cfg_lbl_coins_noisette_1:>
257                                </label>
258                                <br />
259                                <label>
260                                        <input type="radio" name="modele_noisette" value="2" [(#ENV{modele_noisette, 0}|=={2}|?{checked="checked"})] />
261                                        <:sarkaspip:cfg_lbl_coins_noisette_2:>
262                                </label>
263                                <br />
264                                <label>
265                                        <input type="radio" name="modele_noisette" value="3" [(#ENV{modele_noisette, 0}|=={3}|?{checked="checked"})] />
266                                        <:sarkaspip:cfg_lbl_coins_noisette_3:>
267                                </label>
268                                <br />
269                                <label>
270                                        <input type="radio" name="modele_noisette" value="4" [(#ENV{modele_noisette, 0}|=={4}|?{checked="checked"})] />
271                                        <:sarkaspip:cfg_lbl_coins_noisette_4:>
272                                </label>
273                        </td>
274                        <td style="text-align: center;">
275                                <img id="bloc_image_noisette" src="[(#CHEMIN{[prive/images/coins_noisette(#ENV{modele_noisette, 0}).png]})]" alt="Coins des noisettes #ENV{modele_noisette, 0}"/>
276                        </td>
277                        </tr></table>
278                        <br />
279                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
280                                <input type="text" name="taille_noisette" value="#ENV{taille_noisette, 10}" size="3" class="fondl" />
281                                <:sarkaspip:cfg_lbl_pixel:>
282                        </label>
283                </fieldset>
284
285                <!-- Configuration de l'edito et de la une -->
286                <fieldset>
287                        <legend><:sarkaspip:cfg_lgd_coins_edito:></legend>
288                        <table style="border: 0; width:100%;"><tr>
289                        <td>
290                                <label>
291                                        <input type="radio" name="modele_edito" value="0" [(#ENV{modele_edito, 0}|=={0}|?{checked="checked"})] />
292                                        <:sarkaspip:cfg_lbl_coins_edito_0:>
293                                </label>
294                                <br />
295                                <label>
296                                        <input type="radio" name="modele_edito" value="1" [(#ENV{modele_edito, 0}|=={1}|?{checked="checked"})] />
297                                        <:sarkaspip:cfg_lbl_coins_edito_1:>
298                                </label>
299                        </td>
300                        <td style="text-align: center;">
301                                <img id="bloc_image_edito" src="[(#CHEMIN{[prive/images/coins_edito(#ENV{modele_edito, 0}).png]})]" alt="Coins edito #ENV{modele_edito, 0}"/>
302                        </td>
303                        </tr></table>
304                        <br />
305                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
306                                <input type="text" name="taille_edito" value="#ENV{taille_edito, 10}" size="3" class="fondl" />
307                                <:sarkaspip:cfg_lbl_pixel:>
308                        </label>
309                </fieldset>
310
311                <!-- Configuration des extraits -->
312                <fieldset>
313                        <legend><:sarkaspip:cfg_lgd_coins_extrait:></legend>
314                        <table style="border: 0; width:100%;"><tr>
315                        <td>
316                                <label>
317                                        <input type="radio" name="modele_extrait" value="0" [(#ENV{modele_extrait, 0}|=={0}|?{checked="checked"})] />
318                                        <:sarkaspip:cfg_lbl_coins_extrait_0:>
319                                </label>
320                                <br />
321                                <label>
322                                        <input type="radio" name="modele_extrait" value="1" [(#ENV{modele_extrait, 0}|=={1}|?{checked="checked"})] />
323                                        <:sarkaspip:cfg_lbl_coins_extrait_1:>
324                                </label>
325                        </td>
326                        <td style="text-align: center;">
327                                <img id="bloc_image_extrait" src="[(#CHEMIN{[prive/images/coins_extrait(#ENV{modele_extrait, 0}).png]})]" alt="Coins extrait #ENV{modele_extrait, 0}"/>
328                        </td>
329                        </tr></table>
330                        <br />
331                        <label><:sarkaspip:cfg_lbl_taille_arrondi:>
332                                <input type="text" name="taille_extrait" value="#ENV{taille_extrait, 10}" size="3" class="fondl" />
333                                <:sarkaspip:cfg_lbl_pixel:>
334                        </label>
335                </fieldset>
336        </div>
337
338        <INCLURE{fond=noisettes/cfg/inc_cfg_boutons}>
339</div></form>
340
341[(#EVAL{_SARKASPIP_DEBUG_CFG_ARBO}|=={oui}|?{' '})
342        <div id="bloc_debug">
343                <br />
344                >> Debug - Etat des variables du fond Coins:<br />
345                #CFG_ARBO{sarkaspip_coins}
346        </div>
347]
Note: See TracBrowser for help on using the repository browser.