Changeset 95197 in spip-zone


Ignore:
Timestamp:
Feb 18, 2016, 5:12:24 PM (4 years ago)
Author:
cedric@…
Message:

un formulaire avec du markup moderne et 3.1 compliant

File:
1 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/cloudzoom/trunk/formulaires/configurer_cloudzoom.html

    r60314 r95197  
    99#ACTION_FORMULAIRE{#ENV{action}}
    1010
    11 <ul>
    12        
    13         <li class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
    14        
    15                 <fieldset><:cloudzoom:parametre:></fieldset>
     11        <fieldset>
     12                <legend><:cloudzoom:parametre:></legend>
     13                <ul class="editer-groupe">
     14                        #SET{name,width}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     15                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     16                                <label for="#GET{name}"><:cloudzoom:zoomwidth:> (<:cloudzoom:pixel:>)</label>[
     17                                <span class='erreur_message'>(#GET{erreurs})</span>
     18                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     19                        </li>
     20                        #SET{name,height}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     21                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     22                                <label for="#GET{name}"><:cloudzoom:zoomheight:> (<:cloudzoom:pixel:>)</label>[
     23                                <span class='erreur_message'>(#GET{erreurs})</span>
     24                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     25                        </li>
     26                        #SET{name,position}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     27                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     28                                <label for="#GET{name}"><:cloudzoom:position:></label>[
     29                                <span class='erreur_message'>(#GET{erreurs})</span>
     30                                ]<select name="#GET{name}" class="select" id="#GET{name}">
     31                                        #SET{val,left}
     32                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:left:></option>
     33                                        #SET{val,right}
     34                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:right:></option>
     35                                        #SET{val,top}
     36                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:top:></option>
     37                                        #SET{val,bottom}
     38                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:bottom:></option>
     39                                        #SET{val,inside}
     40                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:inside:></option>
     41                                </select>
     42                        </li>
     43                        #SET{name,adjustx}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     44                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     45                                <label for="#GET{name}"><:cloudzoom:adjustx:> (<:cloudzoom:pixel:>)</label>[
     46                                <span class='erreur_message'>(#GET{erreurs})</span>
     47                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     48                        </li>
     49                        #SET{name,adjusty}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     50                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     51                                <label for="#GET{name}"><:cloudzoom:adjusty:> (<:cloudzoom:pixel:>)</label>[
     52                                <span class='erreur_message'>(#GET{erreurs})</span>
     53                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     54                        </li>
     55                        #SET{name,tint}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     56                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     57                                <label for="#GET{name}"><:cloudzoom:tint:> (<:cloudzoom:tintexplain:>)</label>[
     58                                <span class='erreur_message'>(#GET{erreurs})</span>
     59                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     60                        </li>
     61                        #SET{name,tintopacity}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     62                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     63                                <label for="#GET{name}"><:cloudzoom:tintopacity:> (<:cloudzoom:opacityexplain:>)</label>[
     64                                <span class='erreur_message'>(#GET{erreurs})</span>
     65                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     66                        </li>
     67                        #SET{name,lensopacity}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     68                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     69                                <label for="#GET{name}"><:cloudzoom:lensopacity:> (<:cloudzoom:opacityexplain:>)</label>[
     70                                <span class='erreur_message'>(#GET{erreurs})</span>
     71                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     72                        </li>
     73                        #SET{name,softfocus}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     74                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     75                                <label for="#GET{name}"><:cloudzoom:softfocus:></label>[
     76                                <span class='erreur_message'>(#GET{erreurs})</span>
     77                                ]<select name="#GET{name}" class="select" id="#GET{name}">
     78                                        #SET{val,false}
     79                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:false:></option>
     80                                        #SET{val,true}
     81                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:true:></option>
     82                                </select>
     83                                <p class="explication"><:cloudzoom:softfocusexplain:></p>
     84                        </li>
     85                        #SET{name,showtitle}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     86                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     87                                <label for="#GET{name}"><:cloudzoom:showtitle:></label>[
     88                                <span class='erreur_message'>(#GET{erreurs})</span>
     89                                ]<select name="#GET{name}" class="select" id="#GET{name}">
     90                                        #SET{val,false}
     91                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:false:></option>
     92                                        #SET{val,true}
     93                                        <option value="#GET{val}"[(#ENV{#GET{name},#GET{defaut}}|=={#GET{val}}|oui)selected="selected"]><:cloudzoom:true:></option>
     94                                </select>
     95                        </li>
     96                        #SET{name,titleopacity}#SET{obli,''}#SET{defaut,''}#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
     97                        <li class="editer long_label editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
     98                                <label for="#GET{name}"><:cloudzoom:titleopacity:> (<:cloudzoom:opacityexplain:>)</label>[
     99                                <span class='erreur_message'>(#GET{erreurs})</span>
     100                                ]<input type="text" name="#GET{name}" class="text" value="#ENV*{#GET{name},#GET{defaut}}" id="#GET{name}" [(#HTML5|et{#GET{obli}})required='required']/>
     101                        </li>
     102                </ul>
    16103
    17                 <label><:cloudzoom:zoomwidth:></label>
    18                 <p class="explication"><:cloudzoom:pixel:></p>
    19                 <input type="text" name="width" size="10" value="#ENV*{width}">
    20         <br/> <br/>
    21        
    22                 <label><:cloudzoom:zoomheight:></label>
    23                 <p class="explication"><:cloudzoom:pixel:></p>
    24                 <input type="text" name="height" size="10" value="#ENV*{height}">
    25         <br/> <br/>
    26        
    27                
    28                 <label><:cloudzoom:position:></label>
    29                         <select name="position">
    30                         <option value="left"[(#ENV{position}|=={left}|oui)selected="selected"]><:cloudzoom:left:></option>
    31                         <option value="right"[(#ENV{position}|=={right}|oui)selected="selected"]><:cloudzoom:right:></option>
    32                         <option value="top"[(#ENV{position}|=={top}|oui)selected="selected"]><:cloudzoom:top:></option>
    33                         <option value="bottom"[(#ENV{position}|=={bottom}|oui)selected="selected"]><:cloudzoom:bottom:></option>
    34                         <option value="inside"[(#ENV{position}|=={inside}|oui)selected="selected"]><:cloudzoom:inside:></option>
    35                         </select>
    36         <br/> <br/>
    37        
    38                 <label><:cloudzoom:adjustx:></label>
    39                 <p class="explication"><:cloudzoom:pixel:></p>
    40                 <input type="text" name="adjustx" size="10" value="#ENV*{adjustx}">
    41         <br/> <br/>
    42        
    43                 <label><:cloudzoom:adjusty:></label>
    44                 <p class="explication"><:cloudzoom:pixel:></p>
    45                 <input type="text" name="adjusty" size="10" value="#ENV*{adjusty}">
    46         <br/> <br/>
    47        
    48                 <label><:cloudzoom:tint:></label>
    49                 <p class="explication"><:cloudzoom:tintexplain:></p>
    50                 <input type="text" name="tint" size="10" value="#ENV*{tint}">
    51         <br/> <br/>
    52        
    53                 <label><:cloudzoom:tintopacity:></label>
    54                 <p class="explication"><:cloudzoom:opacityexplain:></p>
    55                 <input type="text" name="tintopacity" size="10" value="#ENV*{tintopacity}">
    56         <br/> <br/>
    57        
    58                 <label><:cloudzoom:lensopacity:></label>
    59                 <p class="explication"><:cloudzoom:opacityexplain:></p>
    60                 <input type="text" name="lensopacity" size="10" value="#ENV*{lensopacity}">
    61         <br/> <br/>
    62        
    63                 <label><:cloudzoom:softfocus:></label>
    64                 <p class="explication"><:cloudzoom:softfocusexplain:></p>
    65                         <select name="softfocus">
    66                         <option value="false"[(#ENV{softfocus}|=={false}|oui)selected="selected"]><:cloudzoom:false:></option>
    67                         <option value="true"[(#ENV{softfocus}|=={true}|oui)selected="selected"]><:cloudzoom:true:></option>
    68                         </select>
    69         <br/><br/>
    70 
    71                 <label><:cloudzoom:showtitle:></label>
    72                         <select name="showtitle">
    73                         <option value="false"[(#ENV{showtitle}|=={false}|oui)selected="selected"]><:cloudzoom:false:></option>
    74                         <option value="true"[((#ENV{showtitle}|=={true}|oui)selected="selected"]><:cloudzoom:true:></option>
    75                         </select>
    76         <br/><br/>
    77        
    78                 <label><:cloudzoom:titleopacity:></label>
    79                 <p class="explication"><:cloudzoom:opacityexplain:></p>
    80                 <input type="text" name="titleopacity" size="10" value="#ENV*{titleopacity}">
    81         <br/> <br/>
    82        
    83        
    84         </li>   
    85 </ul>
    86 
    87 
    88 <p class='boutons'><span class='image_loading'>&nbsp;</span><input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>
     104        </fieldset>
     105        <p class='boutons'><span class='image_loading'>&nbsp;</span><input type='submit' class='submit' value='<:bouton_enregistrer:>' /></p>
    89106
    90107</div>
Note: See TracChangeset for help on using the changeset viewer.