Biblioscript.com : Comment placer la date dans un champ de formulaire

	<SCRIPT LANGUAGE=JavaScript> var nbre = Math.round(Math.random()10000); var chaine="<a href=http://www3.click-fr.com/clickj.cgi?a=1019-405664&b=" + nbre + " target=clickfr><img border=0 height=60 width=468 SRC=http://www3.click-fr.com/printj.cgi?a=1019-405664&b=" + nbre +" alt=\" Visitez notre Sponsor ! *\"></a>"; document.write(chaine); </SCRIPT> Membre de ClickFR, Reseau francophone Paie-Par-Click


- [ CSS : ] [ DHTML : ] [ HTML : ] [ JavaScript : ] [ Refs : ]

	JavaScript 1.3

Le temps

la date

	Fonction

		Le but de ce script est de placer la date du jour dans un champ de formulaire.

	Principe

		La date est fournie par l'ordinateur du client, le script se contente de la récupérer et de la mettre en forme puis de la placer dans un champ de formulaire. On verra ici la date telle quel, puis mise en forme 'à la française' et enfin une date 'courte'.

	Le script

dans la partie <head>

// on récupère la date du système. C'est elle qui est directement appelée en premier dans la page
var x = new Date();

// on intercepte le jour de la semaine, attention, 0 correspond à dimanche, lundi à 1...
var jour = x.getDay();

// ici, on transforme le numéro du jour de la semaine en un texte plus 'joli'
if (jour == 0) jour = "Dimanche";
else if (jour == 1) jour = "Lundi";
else if (jour == 2) jour = "Mardi";
else if (jour == 3) jour = "Mercredi";
else if (jour == 4) jour = "Jeudi";
else if (jour == 5) jour = "Vendredi";
else if (jour == 6) jour = "Samedi";

// on intercepte la date du jour
var nb = x.getDate();

// on ajoute un zéro (0) devant si la date du jour est inférieure à 10 (plus joli)
if (nb <= 9) nb = "0" + nb;

// on intercepte le mois, attention, 0 correspond à Janvier, 1 à Février...
var mois = x.getMonth();

// on transforme le numéro du mois en un texte (plus joli)
if (mois == 0) mois = "Janvier";
else if (mois == 1) mois = "Fevrier";
else if (mois == 2) mois = "Mars";
else if (mois == 3) mois = "Avril";
else if (mois == 4) mois = "Mai";
else if (mois == 5) mois = "Juin";
else if (mois == 6) mois = "Juillet";
else if (mois == 7) mois = "Aout";
else if (mois == 8) mois = "Septembre";
else if (mois == 9) mois = "Octobre";
else if (mois == 10) mois = "Novembre";
else if (mois == 11) mois = "Decembre";

// on intercepte l'année
var annee = x.getFullYear();;

// on crée la chaine qui constituera la date mise en forme
var date = jour + " " + nb + " " + mois + " " + annee;

// maintenant, pour avoir une date du type 25/12/2000

// on utilise la date du jour (nb) comme au-dessus puis...

// on ajoute un zéro (0) si le numéro du mois est inférieur à 10
var mois2 = x.getMonth() + 1;
if ( mois2 < 9 ) mois2 = "0" + mois2;

// on utilise l'année (annee) comme au-dessus...

// on crée la nouvelle chaine
var date2 = nb + "/" + mois2 + "/" + annee;

function placer_date() {

// on applique les chaines aux champs de formulaire

document.formulaire.lieu_x.value = x;

document.formulaire.lieu_date.value = date;

document.formulaire.lieu_date2.value = date2;

}
</script>

dans la partie <body>

<body OnLoad="placer_date();">
La date, telle qu'elle est fournie par le système :
<input type="text" name="lieu_x" size="35">

Une fois formatée :
<input type="text" name="lieu_date" size="25">

Une date formtée un peu plus courte :
<input type="text" name="lieu_date2" size="10">

	Démonstration

	Téléchargement

Ce script est disponible en deux versions :

le script est intégré à la page où il agit,

le script est dans un fichier séparé de la page où il agit (fichier.js et fichier.html).

L'intérêt d'un script dans un fichier séparé est de pouvoir le partager entre plusieurs pages html.
Cela permet aussi de le rendre inaccessible à toute personne qui souhaiterai l'enregistrer pour une autre utilisation.

Script intégré :

time_date_form.zip
2 Ko

Script séparé :

time_date_form2.zip
2 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques