changement de champ auto

**erox44** · 13/03/2008, 11h04

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

**le_chomeur** · 13/03/2008, 11h08

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**erox44** · 13/03/2008, 11h14

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?

**htr999** · 13/03/2008, 11h18

un exemple ( pas complet /!\ )

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**le_chomeur** · 13/03/2008, 11h26

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 )

**erox44** · 13/03/2008, 11h29

merci de ces reponses par contre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**htr999** · 13/03/2008, 11h42

Envoyé par erox44

merci de ces reponses par contre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+

**erox44** · 13/03/2008, 11h49

ok merci beaucoup

**htr999** · 13/03/2008, 12h10

une solution complète

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

changement de champ auto

JavaScript

Discussions similaires

Partager

Partager