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

Code HTML

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

Code HTML

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

Code HTML

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

ampm

Quand ce Paramètre est présent, les horaires varient de 0:00am à 11:59pm au lieu de 0:00 à 23:59.

multi

Quand 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.

form

Nom de la forme à mettre à jour

field1..field9

Nom des champs de saisie à mettre à jour. 9 maximum

format1..format9

Format 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

H	Ce caractère est remplacé par l'heure de début
M	Ce caractère est remplacé par les minutes de l'heure de début
P	Ce caractère est remplacé par la période ( am ou pm ) de l'heure de début
h	Ce caractère est remplacé par l'heure de fin
m	Ce caractère est remplacé par les minutes de l'heure de fin
p	Ce caractère est remplacé par la période ( am ou pm ) de l'heure de fin.
D	Ce caractère est remplacé par le nombre d'heure de la durée
d	Ce caractère est remplacé par la nombre de minutes de la durée

Les autres caractères sont affichés tel quel.

nowatch

Quand ce paramètre est présent, la petit montre n'apparait pas.

URL

Quand 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

selint

Par défaut la selection se fait de 15 en 15 minutes. Ce paramétre permet de changer cette selection.

hmin

Heure minimum que le picker peut afficher. 0 par défaut.0

hmax

Heure maximum que le picker peut afficher. 0 par défaut.

Heure de début affichée par le picker au lancement. Doit être supérieure ou égale a hmin. 8 par défaut.

Heure de fin affichée par le picker au lancement. Doit être inférieure ou égale a hmax. 8 par défaut.

bgcolor

Couleur de fond au format RGB.

jvf

Nom 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