www/plugins/saisies/saisies/date_jour_mois_annee.html

   1 [(#REM)
   2
   3         /!\ Cette saisie nécessite du javascript pour fonctionner.
   4                 En absence de JS, seul un champ de saisie texte est affiché.
   5
   6         Cette saisie cree 3 champs a partir d'une date au format datetime mysql.
   7         A chaque modification, un champ cache est modifie, contenant la date au format datetime.
   8
   9         Options :
  10         - label_(jour|mois|annee)
  11         - size_(jour|mois|annee)
  12         - maxlength_(jour|mois|annee)
  13         - datetime, par défaut oui. Si pas oui, utilisera une date au format aaaa-mm-jj au lieu d'un datetime mysql
  14
  15         [(#SAISIE{date_jour_mois_annee, date_naissance,
  16                 label=Date de naissance
  17         })]
  18 ]
  19 #SET{valeur,#ENV{valeur,#ENV{defaut}}}
  20 [(#SET{id,[(#ENV**|md5|substr{0,6})]})]
  21 <input type='text' name="#ENV{nom}" id="#GET{id}" value="[(#GET{valeur}|sinon{0000-00-00[(#ENV{datetime,oui}|=={oui}|oui)00:00:00]})]" class='datetime' />
  22
  23 <script type='text/javascript'>
  24 function activer_dateur_#GET{id}() {
  25         jour = '\
  26                 <div class="choix">\
  27                         [<label for="champ_#ENV{nom}_jour">(#ENV{label_jour,<:saisies:label_jour:>})</label>]\
  28                         <input type="text" name="#ENV{nom}_jour" class="text date_jour[ (#ENV{class})]" id="champ_#ENV{nom}_jour"[ value="(#GET{valeur}|journum)"][ size="(#ENV{size_jour, 2})"][ maxlength="(#ENV{maxlength_jour, 2})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="saisies_date_jour_mois_annee_changer_date(this, \'#ENV{datetime,oui}\');" onkeyup="if (this.value.length == 2 && jQuery.inArray(event.keyCode, [9,16]) == -1) {jQuery(this).parent().next().find(\'input\').focus();}" />\
  29                 </div>\
  30         ';
  31
  32         mois = '\
  33                 <div class="choix">\
  34                         [<label for="champ_#ENV{nom}_mois">(#ENV{label_mois,<:saisies:label_mois:>})</label>]\
  35                         <input type="text" name="#ENV{nom}_mois" class="text date_mois[ (#ENV{class})]" id="champ_#ENV{nom}_mois"[ value="(#GET{valeur}|mois)"][ size="(#ENV{size_mois, 2})"][ maxlength="(#ENV{maxlength_mois, 2})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="saisies_date_jour_mois_annee_changer_date(this, \'#ENV{datetime,oui}\');" onkeyup="if (this.value.length == 2 && jQuery.inArray(event.keyCode, [9,16]) == -1) {jQuery(this).parent().next().find(\'input\').focus();}" />\
  36                 </div>\
  37         ';
  38
  39         annee = '\
  40                 <div class="choix">\
  41                         [<label for="champ_#ENV{nom}_annee">(#ENV{label_annee,<:saisies:label_annee:>})</label>]\
  42                         <input type="text" name="#ENV{nom}_annee" class="text date_annee[ (#ENV{class})]" id="champ_#ENV{nom}_annee"[ value="(#GET{valeur}|annee)"][ size="(#ENV{size_annee, 4})"][ maxlength="(#ENV{maxlength_annee, 4})"][ disabled="(#ENV{disable})"][ readonly="(#ENV{readonly})"][(#ENV{obligatoire}|et{#HTML5}|oui) required="required"] onChange="saisies_date_jour_mois_annee_changer_date(this, \'#ENV{datetime,oui}\');" />\
  43                 </div>\
  44         ';
  45
  46         if(!$.browser.msie || parseInt($.browser.version) >= 9)
  47                 jQuery('##GET{id}')[0].type = 'hidden';
  48         else
  49                 jQuery('##GET{id}').css({'height':'0px','width':'0px','border':'none'});
  50         jQuery('##GET{id}').after(jour + mois + annee);
  51 }
  52
  53 jQuery(document).ready(function(){
  54         activer_dateur_#GET{id}();
  55 });
  56 </script>