Applet TimePicker : Applet permettant de saisir une heure ou une durée

Cette applet permet :
  • De selectionner une heure
  • De selectionner un délai en choisissant l'heure de début et de fin
Le format de l'heure est entierement paramètrable. L'applet peut actualiser un champs de la page mais auusi appeler une autre page avec l'heure en paramètre.
Pour un exemple de l'heure au format AM/PM voyez l'exemple 3.

Exemple de saisie d'une heure

Heure :

Code HTML

<APPLET CODE="ATimePicker.class" ARCHIVE="ATimePicker.jar"
WIDTH=100 HEIGHT=260 MAYSCRIPT>
<PARAM name="form" VALUE="tform">
<PARAM name="field1" VALUE="tfield">
<PARAM name="format1" VALUE="H:M">

Exemple 2 : Saisie d'une durée et mise à jour de 3 champs

Heure départ :
Heure finale :
Durée :

Code HTML

<APPLET CODE="ATimePicker.class" ARCHIVE="ATimePicker.jar"
WIDTH=100 HEIGHT=240 MAYSCRIPT>
<PARAM NAME="form" VALUE="tform1">
<PARAM NAME="multi" VALUE="o">
<PARAM NAME="field1" VALUE="tfield11">
<PARAM NAME="format1" VALUE="H:M">
<PARAM NAME="field2" VALUE="tfield12">
<PARAM NAME="format2" VALUE="h:m">
<PARAM NAME="field3" VALUE="tfield13">
<PARAM NAME="format3" VALUE="D:d">

Exemple 3 : Saisie d'une durée et mise à jour d'un champs

Heure :

Code HTML

<APPLET CODE="ATimePicker.class" ARCHIVE="ATimePicker.jar"
WIDTH=100 HEIGHT=200 MAYSCRIPT>
<PARAM name="form" VALUE="tform2">
<PARAM name="multi" VALUE="o">
<PARAM name="field1" VALUE="tfield">
<PARAM name="format1" VALUE="H:MP - h:mp ( D:d )">
<PARAM name="h1" VALUE="9">
<PARAM name="hmin" VALUE="8">
<PARAM name="hmax" VALUE="20">
<PARAM name="ampm" VALUE="y">
<PARAM name="bgcolor" VALUE="ffce63">
</APPLET>

Exemple 4 : Appel d'un fonction javascript

Code HTML

<SCRIPT LANGUAGE="JavaScript">
<!--
function alertTime()
<
 alert("Hour = "+document.timepicker.stringFormat('H')+", minute="+document.timepicker.stringFormat('M'));
}
//-->
</SCRIPT>

<APPLET CODE="ATimePicker.class" ARCHIVE="ATimePicker.jar" name=timepicker" WIDTH=100 HEIGHT=200 MAYSCRIPT> <PARAM name="nowatch" VALUE=""> <PARAM name="selint" VALUE="10"> <PARAM name="h1" VALUE="9"> <PARAM name="hmin" VALUE="8"> <PARAM name="hmax" VALUE="20"> <PARAM name="ampm" VALUE="y"> <PARAM name="bgcolor" VALUE="ffce63"> <param name="jvf" value="alertTime()"> </APPLET>

Paramètres

ampmQuand ce Paramètre est présent, les horaires varient de 0:00am à 11:59pm au lieu de 0:00 à 23:59.
multiQuand ce Paramètre est présent, l'applet est en mode selection de dur&eacuet;e, sinon elle est en mode selection d'une heure.
formNom de la forme à mettre à jour
field1..field9Nom des champs de saisie à mettre à jour. 9 maximum
format1..format9Format des champs de saisie à mettre à jour. A chaque champs doit OBLIGATOIREMENT correspondre un format. Le format est une chaine de caractère. Les caractères suivants sont traduits
HCe caractère est remplacé par l'heure de début
MCe caractère est remplacé par les minutes de l'heure de début
PCe caractère est remplacé par la période ( am ou pm ) de l'heure de début
hCe caractère est remplacé par l'heure de fin
mCe caractère est remplacé par les minutes de l'heure de fin
pCe caractère est remplacé par la période ( am ou pm ) de l'heure de fin.
DCe caractère est remplacé par le nombre d'heure de la durée
dCe caractère est remplacé par la nombre de minutes de la durée
Les autres caractères sont affichés tel quel.
nowatchQuand ce paramètre est présent, la petit montre n'apparait pas.
URLQuand ce paramètre est présent, le paramètre field1 doit contenir u ne URL. Cette URL est appelée avec l'heure en paramètre, le format de l'heure est donné par format1.
Par exemple
<PARAM name="field1" VALUE="http://www.myserver.com/myasp">
<PARAM name="format1" VALUE="H:M">
Si l'utilisateur clique sur 8h30, l'url http://www.myserver.com/myasp?8:30 est appelée
selintPar défaut la selection se fait de 15 en 15 minutes. Ce paramétre permet de changer cette selection.
hminHeure minimum que le picker peut afficher. 0 par défaut.0
hmaxHeure maximum que le picker peut afficher. 0 par défaut.
h1Heure de début affichée par le picker au lancement. Doit être supérieure ou égale a hmin. 8 par défaut.
h2Heure de fin affichée par le picker au lancement. Doit être inférieure ou égale a hmax. 8 par défaut.
bgcolorCouleur de fond au format RGB.
jvfNom de la fonction javascript à appeler. N'oubliez pas les (). voir exemple 4
Pour obtenir les valeurs du Timepicker utilisez la méthode stringFormat de l'applet
Cette fonction attend une chaine en paramètre qui est le format des informations à retourner. Ce format est le même que pour format1..format9
Exemple
  • document.timepicker.stringFormat('H') retourne la première heure choisie
  • document.timepicker.stringFormat('M') retourne la minute de la première heure choisie
  • document.timepicker.stringFormat('H:M-h:m') retourne un chaine du type 01:30-03:00