.=< { Star Gans Tq } >=.

[(#REM)

	/!\ Cette saisie nécessite du javascript pour fonctionner.
		En absence de JS, seul un champ de saisie texte est affiché.
	
	Cette saisie cree 3 champs a partir d'une date au format datetime mysql.
	A chaque modification, un champ cache est modifie, contenant la date au format datetime.

	Options :
	- label_(jour|mois|annee)
	- size_(jour|mois|annee)
	- maxlength_(jour|mois|annee)
	- datetime, par défaut oui. Si pas oui, utilisera une date au format aaaa-mm-jj au lieu d'un datetime mysql
	
	[(#SAISIE{date_jour_mois_annee, date_naissance,
		label=Date de naissance
	})]
]
#SET{valeur,#ENV{valeur,#ENV{defaut}}}
[(#SET{id,[(#ENV**|md5|substr{0,6})]})]
<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' />

<script type='text/javascript'>
function activer_dateur_#GET{id}() {
	jour = '\
		<div class="choix">\
			[<label for="champ_#ENV{nom}_jour">(#ENV{label_jour,<:saisies:label_jour:>})</label>]\
			<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="changer_la_date(this);" />\
		</div>\
	';
		
	mois = '\
		<div class="choix">\
			[<label for="champ_#ENV{nom}_mois">(#ENV{label_mois,<:saisies:label_mois:>})</label>]\
			<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="changer_la_date(this);" />\
		</div>\
	';
	
	annee = '\
		<div class="choix">\
			[<label for="champ_#ENV{nom}_annee">(#ENV{label_annee,<:saisies:label_annee:>})</label>]\
			<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="changer_la_date(this);" />\
		</div>\
	';

	if(!$.browser.msie || parseInt($.browser.version) >= 9)
		jQuery('##GET{id}')[0].type = 'hidden';
	else
		jQuery('##GET{id}').css({'height':'0px','width':'0px','border':'none'});
	jQuery('##GET{id}').after(jour + mois + annee);
}

function changer_la_date(me) {
	var li = jQuery(me).parents('li'),
		jour = jQuery.trim(li.find('.date_jour').val()),
		mois = jQuery.trim(li.find('.date_mois').val()),
		annee = jQuery.trim(li.find('.date_annee').val()),
		date = jQuery.trim(li.find('.datetime').val());
	while(jour.length < 2) {jour = '0' + jour;}
	while(mois.length < 2) {mois = '0' + mois;}
	while(annee.length < 4) {annee = '0' + annee;}
	[(#ENV{datetime,oui}|=={oui}|oui)
	date = annee + '-' + mois + '-' + jour + date.substring(10);]
	[(#ENV{datetime,oui}|=={oui}|non)
	date = annee + '-' + mois + '-' + jour;]
	li.find('.datetime').attr('value',date);
}

jQuery(document).ready(function(){
	activer_dateur_#GET{id}();
});
</script>