Biblioscript.com : Comment placer l'heure 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

L'heure dans un formulaire

	Fonction

		Le but de ce script est de placer l'heure courante dans un champ de formulaire.

	Principe

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

	Le script

dans la partie <head>

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

// on intercepte les heures
var heures = x.getHours();

// on intercepte les minutes
var minutes = x.getMinutes();

// on ajoute un zéro (0) devant si les minutes sont inférieures à 10 (plus joli)
if (minutes <= 9) minutes = "0" + minutes;

// on intercepte les secondes
var secondes = x.getSeconds();

// on ajoute un zéro (0) devant si les secondes sont inférieures à 10 (plus joli)
if (secondes <= 9) secondes = "0" + secondes;

// on crée la chaine qui constituera l'heure mise en forme
var horaire = heures + " heures " + minutes + " minutes et " + secondes + " secondes";

// maintenant, pour avoir une heure du type 12:25:31

// on crée simplement une nouvelle chaine utilisant les données recueillies ci-dessus

var horaire2 = heures + ":" + minutes + ":" + secondes;

// on applique les chaines aux champs de formulaire

document.formulaire.lieu_x.value = x;

document.formulaire.lieu_horaire.value = horaire;

document.formulaire.lieu_horaire2.value = horaire2;

// on relance la fonction toutes les secondes pour réafficher la nouvelle heure (notamment les secondes)

setTimeout("placer_heure();",1000);

}
</script>

dans la partie <body>

<body OnLoad="placer_heure();">
<form name="formulaire"> L'heure, 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_horaire" size="35">

Une autre version :
<input type="text" name="lieu_horaire2" size="10">

</form>

	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_heure_form.zip
1 Ko

Script séparé :

time_heure_form2.zip
2 Ko


	Recherche


	CSS 2


	DHTML


	HTML 4


	Références


	Aide générale


	statistiques