Discussion :

[richard_sraing]

Bonjour tout le monde.

Je cherche à résoudre un petit problème qui rend mon site peu "ergonomique".

Voilà, alors sur le site, j'ai un formulaire contenant des input type="text" qui e peuvent contenir que des valeurs numérique. Pour ce faire, j'ai récupéré la fonction chiffres se trouvant dans la FAQ.

Ayant des nombres décimaux à saisir, et que seuls les chiffres étaient pris en compte, j'ai donc modifié la fonction comme ceci:

Code javascript :

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
 
function chiffres(event) {
	// Compatibilité IE / Firefox
 
	if(!event&&window.event) {
		event=window.event;
	}
	// IE
	if(event.keyCode!=8 &&  event.keyCode!=44 &&(event.keyCode < 48 || event.keyCode > 57)) {
		event.returnValue = false;
		event.cancelBubble = true;
	}
	// DOM
	alert('Valeur de key: '+event.which);
	if( event.which!=8 && event.which!=44 && event.which!=9 && (event.which < 48 || event.which > 57)) {
		event.preventDefault();
		event.stopPropagation();
	}
}

Maintenant j'ai donc la possibilité de saisir des nombres à virgule.

Par contre, le formulaire étant de taille relativement importante (+/- 30 champs), et afin de permettre à l'utilisateur de naviguer plus rapidement, je voulais permettre à ce dernier de naviguer avec la touche "TAB".

Sur IE, no problemo, il passe d'un champ à l'autre sans même poser de question, mais sous FFX, il bloque aussi la touche "TAB".

J'ai donc placer la valeur 9 avec dans la condition, car elle est la valeur correspondant à la touche "TAB" (code ASCII).
Mais ça ne marche pas.

J'ai essayer d'afficher le "event.which" pour connaitre le code correspondant à la touche "TAB", mais il affiche 0.

Quelqu'un à une idée? J'ai surement oublier quelque chose, mais étant tout nouveau dans le monde javascriptien, je me permet de poser des questions un peu plus idiotes afin d'apprendre.

Merci pour votre collaboration ^^.

p.s.: j'ai regarder sur le net, mais eux disent qu'il faut hardcoder, et la solution ne me plait absolument pas de hardcoder quelque chose la dedans, car le javascript est censé rendre les choses dynamique, si je ahrdcode, je perds donc cet avantage (oups, je m'égard)

[le_chomeur]

étrange , tu appel ta méthode , sur le onkeypress ou le onkeyup ?

[richard_sraing]

Sur le onkeypress.

Je sais bien que c'est bizarre, c'est pour cela que je me suis permis de poser la question

Voilà un champ de mon formulaire qui utilise cet event et la fonction:

Code asp :

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

1
2
 
<input type="text" size="12" title="" name="Art__Pa_Brut" value="<% =oArtEntry.DDValue("Art.Pa_Brut") %>" onChange="onChangePaBrut()" onkeypress="chiffres(event)" />

Petite question au passage, le onChange se lance bien lorsque l'on quitte le champ, c'est bien ça? Parce que chez moi il agit comme ça, et me demandais si c'était normal.

[le_chomeur]

quand on quitte un champs : onblur

pour le reste je ne comprend pas pourquoi ça ne marche pas :-/

[richard_sraing]

Je viens d'essayer de rajouter le "0" à la place du 9 dans la condition du DOM, et cela fonctionne, mais ce n'est pas logique dans la table ASCII partout sur le net on renseigne que "TAB"==9 et pas 0

j'obtiens donc ceci:

Code javascript :

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
function chiffres(event) {
	// Compatibilité IE / Firefox
 
	if(!event&&window.event) {
		event=window.event;
	}
	// IE
	if(event.keyCode!=8 &&  event.keyCode!=44 &&(event.keyCode < 48 || event.keyCode > 57)) {
		event.returnValue = false;
		event.cancelBubble = true;
	}
	// DOM
	if( event.which!=8 && event.which!=44 && event.which!=0 && (event.which < 48 || event.which > 57)) {
		event.preventDefault();
		event.stopPropagation();
	}
}

[richard_sraing]

Une dernière petite question.

Je viens de me rendre compte que le langage que j'utilise pour le "code behind" ne veut pas de "." comme caractère de séparation pour les nombres décimaux mais une ",".

Mais il me faut les "." pour les calculs en javascript.

Je pensais donc forcer le "." lors de la saisie dans le formulaire, mais je n'ai aucune idée de comment remplacer un caractère par un autre dans mon script.

Quelqu'un pourrait-il me dire comment procéder? J'ai beau regarder un peu partout, mais je ne comprend pas grand chose avec les keyCode, which, qui sont utilisé soit par FFX soit par IE, alors que moi, quand j'utilise FFX, il passe dans les deux if de mon script (bizarre aussi ça, car plein de site disent que FFx ne connait pas keyCode).

Quelqu'un saurait me mettre sur la voie??


EDIT:
Avant qu'on ne vienne encore me dire que je n'ai pas cherché, j'ai essayer de comprendre ceci, mais étant surement trop c**, e n'y arrive pas.
Quelqu'un aurait-il donc l'amabilité de m'expliquer comment il me faudrait adapter ce code pour mon script déjà existant? ou alors, est ce que je dois tout remplacer ?

EDIT2:
Bon, je viens de rajouter ceci mon code

Code javascript :

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

1
2
3
4
5
 
else if (event.keyCode==44){
   //event.returnValue = false;
   event.keyCode = 46;
}

Ce qui me donne maintenant ceci:

Code javascript :

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
 
function chiffres(event) {
	// Compatibilité IE / Firefox
	//alert('valeur de la touche:'+event.which);
	if(!event&&window.event) {
		event=window.event;
	}
	// IE
	if(event.keyCode!=8 &&  event.keyCode!=46 && event.keyCode!=44 &&(event.keyCode < 48 || event.keyCode > 57)) {
		event.returnValue = false;
		event.cancelBubble = true;
	}
	else if (event.keyCode==44){
		//event.returnValue = false;
		event.keyCode = 46;
	}
	// DOM
	if( event.which!=8 && event.which!=46 && event.which!=44 && event.which!=0 && (event.which < 48 || event.which > 57)) {
		event.preventDefault();
		event.stopPropagation();
	}
	else if (event.which==44){
		event.which=46;
	}
}

Mais pour la partie FFX ça ne marche pas...

tout idée est la bien venue... ^^