formatage de valeur + inserer decimales

Version imprimable

Bonjour,

J'ai repris le code suivant (qui apparaissait dans différentes discussion) et qui fonctionne très bien. (merci à SpaceFrog)
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 type='text/javascript'> function formatte(valeur){ if (isNaN(valeur.split(' ').join(''))){alert('numérique svp'); return false;} var valeurformate =new Array() var tempval=valeur.split('.') valeur=tempval[0].split(' ').join('') valeur=valeur.split('').reverse() var i=0 while(i<valeur.length){ valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] ); i=i+3; } valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':''); document.getElementById('moninput').value=valeurformate } </script> </head> <body> <input id="moninput" type='text' onblur='formatte(this.value)' /> </body> </html>
J'aimerais forcer l'affichage des décimales. J'avais essayer de mettre un toFixed(2) mais js retourne du string donc ça n'a évidement rien donné.:( On m'a conseille de faire "pour avoir d'un cote les décimale et de l'autre la partie entière à formater ... ensuite applique le formatage sur la partie entière et re-concatènes après avec les décimales" et la je bloque.:?

Et j'aimerais pouvoir gérer le cas ou ce sont des , qui sont entrées...:aie:

Help...?

01/12/2011, 14h54
Rachel
bonjour :).
rajoute ceci au début de la fonction si tu rentre un nombre à virgule
Code:

1 2 if(valeur.replace('.',','))valeur=valeur.replace(',','.')
ça devrait aller :D
01/12/2011, 15h43
Inccube

au top :D
Une idée pour forcer l'affichage de 2 décimales ? :mrgreen:
01/12/2011, 16h09
SpaceFrog

un replace sur la fin de chaine , les décimales sont dans tempval[1]
01/12/2011, 16h43
Inccube

j'ai fais un

Code:

valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1].replace:'':'');

mais ca ne donne rien (pas d'erreur non plus.

j'ai essayé un

Code:

document.getElementById("<?=$prefixe;?>blabla").value=valeurformate.replace;

et ca me donne -> function replace() { [native code]} :?
02/12/2011, 01h40
Rachel

Code:

string.replace(old,new)

:ccool:
02/12/2011, 20h04
NoSmoking
Bonjour,

Citation:

J'avais essayer de mettre un toFixed(2) mais js retourne du string donc ça n'a évidement rien donné.:(

il faut convertir la chaine en flottant avant le toFixed
Code:

1 2 var sTmp ='125.25689'; alert( parseFloat(sTmp).toFixed(2));

J'étais passé sur autre chose.
La fonction n'est toujours pas finalisée :(

J'ai essayé le toFixed mais à priori il ne fonctionne pas dans ce cas.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function formatte(valeur){
if(valeur.replace('.',','))valeur=valeur.replace(',','.');
if (isNaN(valeur.split(' ').join(''))){alert('Merci d\'indiquer une valeur numérique.');
	return false;}
var valeurformate = new Array();
var tempval=valeur.split('.');
	valeur=tempval[0].split(' ').join('');
	valeur=valeur.split('').reverse();
	var i=0;
		while(i<valeur.length){
			valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] );
			i=i+3;
		}
valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':'');
parseFloat(valeurformate).toFixed(2);
document.getElementById("<?=$variable;?>nbre").value=valeurformate;
}

et le

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function formatte(valeur){
if(valeur.replace('.',','))valeur=valeur.replace(',','.');
if (isNaN(valeur.split(' ').join(''))){alert('Merci d\'indiquer une valeur numérique.');
	return false;}
var valeurformate = new Array();
var tempval=valeur.split('.');
	valeur=tempval[0].split(' ').join('');
	valeur=valeur.split('').reverse();
	var i=0;
		while(i<valeur.length){
			valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] );
			i=i+3;
		}
valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':'');
valeurformate=string.replace(old,new);
document.getElementById("<?=$prefixe;?>nbre").value=valeurformate;
}

non plus....

17/12/2011, 09h42
NoSmoking

dans le 1st code tu mets, cette ligne ne sert à rien!

Code:

parseFloat(valeurformate).toFixed(2);

dans la ligne suivante il y a affectation du résultat dans la variable

Code:

valeurformate = parseFloat(valeurformate).toFixed(2);

cela est bien plus utile...

tu pourrais également faire

Code:

document.getElementById("<?=$variable;?>nbre").value = parseFloat(valeurformate).toFixed(2);

Pas regardé le 2nd...
19/12/2011, 11h13
Inccube

merci pour ton retour, j'avais deja essayé le

Code:

document.getElementById("<?=$variable;?>nbre").value = parseFloat(valeurformate).toFixed(2);

mais quand je le fais, il me tronque ma fonction formate

exemple : valeur 980 000
une fois le toFixed(2) mis en place ca me rend un 980.00 :?
19/12/2011, 15h05
NoSmoking
Citation:

exemple : valeur 980 000
une fois le toFixed(2) mis en place ca me rend un 980.00 :?

il te faut commencer par enlever les espaces de la chaine, ainsi que transformer les éventuelle virgule en point pour que cela fonctionne.
Code:

1 2 3 var sTmp = '980 000,11544'; sTmp = sTmp.replace(' ','').replace(',', '.'); alert( parseFloat(sTmp).toFixed(2));
19/12/2011, 17h34
Inccube

merci. On est d'accord.

Seulement je souhaite obtenir un nombre au format 125 000.00 ou 125 000,00 mais pas au format 125000.00 (ou 125000,00).

:(
19/12/2011, 17h46
Bovino

C'est pourtant simple.
Soit tu veux un nombre et c'est obligatoirement au format 125000.00, soit tu veux un format 125 000.00 et c'est pas un nombre.

Ce que tu propose NoSmoking, c'est d'afficher selon ton format mais de faire les calculs en retransformant en nombre...

ok, alors je n'ai pas compris.

J'ai repris ce code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function formatte(valeur){ if(valeur.replace('.',','))valeur=valeur.replace(',','.'); if (isNaN(valeur.split(' ').join(''))){alert('Merci d\'indiquer une valeur numérique.'); return false;} var valeurformate = new Array(); var tempval=valeur.split('.'); valeur=tempval[0].split(' ').join(''); valeur=valeur.split('').reverse(); var i=0; while(i<valeur.length){ valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] ); i=i+3; } valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':''); valeurformate = valeurformate.replace(' ','').replace(',', '.'); document.getElementById("<?=$prefixe;?>nbre").value=parseFloat(valeurformate).toFixed(2); }
Ce qui ne sert pas a grand chose (hormis le fait que j’apprenne) puisque d'un coté je rajoute mes espaces mais je n'ai pas mes décimales puis je rajoute mes décimales sur ma dernière ligne mais je vire mes espaces...

Je cherche a avoir un a affichage au format 123 456.00 ET un traitement sur un nombre 123456.00, ca devrait être possible avec une seule fonction non ?

j'avoue que je suis perdu la...8O

Citation:

Je cherche a avoir un a affichage au format 123 456.00 ET un traitement sur un nombre 123456.00, ca devrait être possible avec une seule fonction non ?

la réponse est pour moi NON, il ne faut pas tout mélanger, tiens cela me rappelles http://www.developpez.net/forums/d11...rateur-milles/

Il te faut une fonction de formatage pour affichage et une pour un unformatage pour le calcul

Je te propose, sur base de la fonction que tu nous as livré ce petit exemple commenté

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>[...]</title>
</head>
<body>
<input id="TEST" type="text"  onfocus="unFormate( this.value);" onblur="formate(this.value);">
<script type="text/javascript">
function unFormate( valeur){
  // change virgule en point
  valeur = valeur.replace(',','.');
  // supprime les espaces
  valeur = valeur.replace(/\s/g, '');
  document.getElementById("TEST").value = valeur;
}
function formate( valeur){
  // change virgule en point
  valeur = valeur.replace(',','.');
  // supprime les espaces
  valeur = valeur.replace(/\s/g, '');
  // converti en flottant
  valeur = parseFloat( valeur);
  // test si numérique
  if( isNaN( valeur)){
    alert('Merci d\'indiquer une valeur numérique.');
    return false;
  }
  // ajout des décimales
  valeur = valeur.toFixed(2);
  // récup la partie entière de la valeur
  var tempval = valeur.split('.');
  // tempval[0] = partie entière
  // tempval[1] = partie décimale
  // met la partie entière dans valeur
  valeur = tempval[0];
  // inverse la chaine
  valeur = valeur.split('').reverse();
  // insertion des espaces
  var i = 0;
  var valeurformate = [];
  while( i < valeur.length){
    valeurformate.push( (valeur[i+2] ? valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] );
    i = i+3;
  }
  // traite la partie entière en ajoutant les espaces
  valeurformate  = valeurformate.reverse().join(' ');
  // ajoute la partie décimale mettre une virgule ou un point
  valeurformate += (',' + tempval[1]);
  // affiche la valeur
  document.getElementById("TEST").value = valeurformate;
}
// init champ de test
formate('9800012,461');
</script>
</body>
</html>

Une façon de ne pas se perdre est de commenter ce que tu réalise à l'intérieur de ta fonction pour mieux en appréhender le sens.

20/12/2011, 13h51
Inccube

Ok, merci a tous pour ces éclaircissements et d'avoir pris le temps de me répondre. :aie: