changement de champ auto

Version imprimable

13/03/2008, 11h04
erox44

changement de champ auto

Salut , je voudrais savoir si c'est possible avec php JS , sur l'exemple d'une horaire , on rentre l'heure dans un champ et les minutes dans un champ separé , est ce possible que dès que l'utilisateur a rentré l'heure ca passe directement au champ minutes?

j'espere avoir été clair ... :?

Code:

1
2
3
4
5
6
OnChange="TamFonctionQuiVérifitLheure()"
 
function TamFonctionQuiVérifitLheure(){
//si format heure ok :
document.Forms[0].Elements['TonchampsMinutes'].focus();
}

13/03/2008, 11h14
erox44

Hum salut , avec ce code, si je selectionne le champ heure et que je rentre a la suite 1114 ca va bien me le rentrer correctement dans les 2 champs?

un exemple ( pas complet /!\ )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
<script>
function checkHour(){
	elemHeure=document.getElementById("heure");
	var regExp = new RegExp("^0[0-9]|1[0-9]|2[0-3]","g");
	if (!regExp.exec(elemHeure.value))
		return;
	if (parseInt(elemHeure.value) >= 0 && parseInt(elemHeure.value) < 24)
		document.getElementById("minute").focus();
}
</script>
<body>
<input style="" id="heure"  maxlength="2" size="2" type="text" onKeyUp="checkHour();">
<input style="" id="minute" maxlength="5" size="2" type="text">
</body>

13/03/2008, 11h26
le_chomeur

oui , il faut que tu gère par contre ton format d'heure ( notament avec une expression régulière comme celle donnée par htr999 )
13/03/2008, 11h29
erox44

merci de ces reponses par contre

Code:

var regExp = new RegExp("^0[0-9]|1[0-9]|2[0-3]","g");

Si ca vous derange pas vous pourriez m'expliquer ce RegExp j'avoue avoir du mal a saisir la :?
13/03/2008, 11h42
htr999

Citation:

Envoyé par erox44

merci de ces reponses par contre

Code:

var regExp = new RegExp("^0[0-9]|1[0-9]|2[0-3]","g");

Si ca vous derange pas vous pourriez m'expliquer ce RegExp j'avoue avoir du mal a saisir la :?

tu définis un pattern nommé regExp, n'acceptant que des chiffres
. soit commancant par 0 (^0), suivi d'un chiffre de 0 à 9
. soit commancant par 1, suivi de 0 à 9
. soit commancant par 2, suivi de 0 à 3
les choix OU se font par la barre verticale |
l'autre option "g" pour dire que c'est une recherche Global sur la chaine à appliquer.
donc en gros, tu n'accepte que des heures avec 2 chiffres, de 00 à 23, les caractères exclus !

voilà, apres avoir défini cela, tu fais un EXEC de ce pattern, appliqué à la chaine obtenu à partir de l'élément avec ID elemHeure
si c'est compatbile, (00 à 23) tu fais un focus() sur le champs Minutes

a+
13/03/2008, 11h49
erox44

ok merci beaucoup :)

une solution complète

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<script>
function check(elem){
	elemATester = document.getElementById(elem);
 
	// 1ere caractere entré
	if (elemATester.value.length < 2){
		var regExp = (elem == "heure")? (new RegExp("^[0-2]","g")) : (new RegExp("^[0-5]","g"));
		if (!regExp.exec(elemATester.value))
			elemATester.setAttribute("style","background-color: red");
		else
			elemATester.setAttribute("style","background-color: white");
		return;
	}
 
	// test global
	var regExp = (elem == "heure")? (new RegExp("^0[0-9]|1[0-9]|2[0-3]","g")) : (new RegExp("^[0-5][0-9]","g"));
	if (!regExp.exec(elemATester.value)){
		elemATester.setAttribute("style","background-color: red");
		return;
	}
 
	elemATester.setAttribute("style","background-color: white");
 
	if (elem == "heure")
		document.getElementById("minute").focus();
}
</script>
<body>
<input style="" id="heure"  maxlength="2" size="2" type="text" onKeyUp="check('heure');">
<input style="" id="minute" maxlength="5" size="2" type="text" onKeyUp="check('minute');>
</body>