source: spip-zone/_core_/plugins/dev/formulaires/charter.html @ 47897

Last change on this file since 47897 was 47897, checked in by ben.spip@…, 10 years ago

un EX04 pour exemple N°4 pour mieux retrouver quelle partie copier coller ... ecrire/?exec=charte_forms

File size: 9.7 KB
Line 
1<div class="ajax formulaire_spip formulaire_configurer formulaire_#FORM formulaire_#FORM-#ENV{id,nouveau}">
2        <h3 class="titrem">Titre du formulaire</h3>
3        [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
4        [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
5        <h4>Des fois on utilise un sous-titre (Etape 1/N)</h4>
6        <p>Un texte d'introduction, qui peut parfois sur plusieurs lignes.
7                Un texte d'introduction, qui peut parfois sur plusieurs lignes.
8                Un texte d'introduction, qui peut parfois sur plusieurs lignes.
9                Un texte d'introduction, qui peut parfois sur plusieurs lignes.
10        </p>
11        <ul class="spip">
12                <li>avec une enumeration</li>
13                <li>de plusieurs items</li>
14                <li>qui doivent tomber bien</li>
15        </ul>
16        [(#ENV{editable})
17        <form method='post' action='#ENV{action}'><div>
18                [(#REM) declarer les hidden qui declencheront le service du formulaire
19                parametre : url d'action ]
20                #ACTION_FORMULAIRE{#ENV{action}}
21                #SET{fl,charter}
22                <p class="explication">Des explications preliminaires, en debut de formulaire</p>
23                <fieldset>
24                        <legend><:charter:legend:></legend>
25                                <p class="explication">Des explications dans un fieldset</p>
26                                <ul>
27                                EX01 #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
28                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
29                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
30                                        <span class='erreur_message'>(#GET{erreurs})</span>
31                                        ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
32                                </li>
33                                EX02 #SET{name,select}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
34                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
35                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
36                                        <span class='erreur_message'>(#GET{erreurs})</span>
37                                        ]<select class="select" name="#GET{name}" id="#GET{name}">
38                                                #SET{val,oui}
39                                                <option value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)selected="selected"]>[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</option>
40                                                #SET{val,non}
41                                                <option value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)selected="selected"]>[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</option>
42                                        </select>
43                                </li>
44                                EX03 #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
45                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
46                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
47                                        <span class='erreur_message'>(#GET{erreurs})</span>
48                                        ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
49                                </li>
50                        </ul>
51                </fieldset>
52                <fieldset>
53                        <legend><:charter:legend:></legend>
54                        <ul>
55                                EX04 #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
56                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
57                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
58                                        <span class='erreur_message'>(#GET{erreurs})</span>
59                                        ]
60                                        <p class="explication">Des explications au dessus d'un champ de saisie</p>
61                                        <input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
62                                </li>
63                                EX05 #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
64                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
65                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
66                                        <span class='erreur_message'>(#GET{erreurs})</span>
67                                        ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
68                                        <p class="explication">Des explications apres un champ de saisie</p>
69                                </li>
70                                EX06 #SET{name,textarea}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
71                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
72                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
73                                        <span class='erreur_message'>(#GET{erreurs})</span>
74                                        ]<textarea class="textarea" name="#GET{name}">
75#ENV*{#GET{name}}</textarea>
76                                </li>
77                                EX07 #SET{name,textarea_pleine_largeur}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
78                                <li class="pleine_largeur editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
79                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
80                                        <span class='erreur_message'>(#GET{erreurs})</span>
81                                        ]<textarea class="textarea" name="#GET{name}">
82#ENV*{#GET{name}}</textarea>
83                                </li>
84                                EX08 #SET{name,text_long_label}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
85                                <li class="long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
86                                        <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
87                                        <span class='erreur_message'>(#GET{erreurs})</span>
88                                        ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
89                                </li>
90                                EX09 #SET{name,radio}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
91                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
92                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
93                                        <span class='erreur_message'>(#GET{erreurs})</span>
94                                        ]
95                                        <p class="explication">Des explications au dessus d'un choix</p>
96                                        #SET{val,oui}
97                                        <div class="choix">
98                                                <input type="radio" class="radio" name="#GET{name}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)checked="checked"] />
99                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
100                                        </div>
101                                        #SET{val,non}
102                                        <div class="choix">
103                                                <input type="radio" class="radio" name="#GET{name}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#ENV{#GET{name}}|=={#GET{val}}|oui)checked="checked"] />
104                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
105                                        </div>
106                                </li>
107                                EX10 #SET{name,checkbox}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
108                                <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
109                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
110                                        <span class='erreur_message'>(#GET{erreurs})</span>
111                                        ]
112                                        #SET{val,1}
113                                        <div class="choix">
114                                                <input type="checkbox" class="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
115                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
116                                        </div>
117                                        #SET{val,2}
118                                        <div class="choix">
119                                                <input type="checkbox" class="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
120                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
121                                        </div>
122                                </li>
123                                EX11 #SET{name,checkbox_long_label}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
124                                <li class="long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
125                                        <label>[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
126                                        <span class='erreur_message'>(#GET{erreurs})</span>
127                                        ]
128                                        #SET{val,1}
129                                        <div class="choix">
130                                                <input type="checkbox" class="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
131                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
132                                        </div>
133                                        #SET{val,2}
134                                        <div class="choix">
135                                                <input type="checkbox" class="checkbox" name="#GET{name}#EVAL{chr(91)}#EVAL{chr(93)}" id="#GET{name}_#GET{val}" value="#GET{val}"[(#GET{val}|in_any{#ENV{#GET{name}}}|oui)checked="checked"] />
136                                                <label for="#GET{name}_#GET{val}">[(#GET{fl}|concat{':label_',#GET{name},'_',#GET{val}}|_T)]</label>
137                                        </div>
138                                </li>
139                                <li class="fieldset">
140                                        <fieldset>
141                                                <legend><:charter:legend:></legend>
142                                                <ul>
143                                                        EX12 #SET{name,text}#SET{obli,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
144                                                        <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
145                                                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
146                                                                <span class='erreur_message'>(#GET{erreurs})</span>
147                                                                ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
148                                                        </li>
149                                                        EX13 #SET{name,text_obli}#SET{obli,'obligatoire'}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
150                                                        <li class="editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
151                                                                <label for="#GET{name}">[(#GET{fl}|concat{':label_',#GET{name}}|_T)]</label>[
152                                                                <span class='erreur_message'>(#GET{erreurs})</span>
153                                                                ]<input type="text" class="text" name="#GET{name}" value="#ENV*{#GET{name}}" id="#GET{name}"/>
154                                                        </li>
155                                                </ul>
156                                        </fieldset>
157                                </li>
158                        </ul>
159                </fieldset>
160          [(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
161          <!--extra-->
162          <p class='boutons'><span class='image_loading'>&nbsp;</span>
163                        <input type='submit' class='submit' name="cancel" value='<:bouton_annuler:>' />
164                        <input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>
165        </div></form>
166        ]
167        [(#ENV{editable}|non)
168          <p class='boutons'><span class='image_loading'>&nbsp;</span>
169                        <input type='submit' class='submit' name="cancel" value='<:bouton_fermer:>' onclick="$.modalboxclose();return false;" />
170        ]
171</div>
Note: See TracBrowser for help on using the repository browser.