formatage de valeur + inserer decimales

**Inccube** · 01/12/2011, 13h58

Bonjour,

J'ai repris le code suivant (qui apparaissait dans différentes discussion) et qui fonctionne très bien. (merci à SpaceFrog)

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

Help...?

**Rachel** · 01/12/2011, 14h54

bonjour

.
rajoute ceci au début de la fonction si tu rentre un nombre à virgule

Code :

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

1
2
 
if(valeur.replace('.',','))valeur=valeur.replace(',','.')

ça devrait aller

**Inccube** · 01/12/2011, 15h43

au top

Une idée pour forcer l'affichage de 2 décimales ?

**SpaceFrog** · 01/12/2011, 16h09

un replace sur la fin de chaine , les décimales sont dans tempval[1]

**Inccube** · 01/12/2011, 16h43

j'ai fais un

Code :

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

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 :

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

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

et ca me donne -> function replace() { [native code]}

**Rachel** · 02/12/2011, 01h40

Code :

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

string.replace(old,new)

**NoSmoking** · 02/12/2011, 20h04

Bonjour,

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 :

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

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

**Inccube** · 14/12/2011, 11h54

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 :

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

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

**NoSmoking** · 17/12/2011, 09h42

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

Code :

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

parseFloat(valeurformate).toFixed(2);

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

Code :

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

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

cela est bien plus utile...

tu pourrais également faire

Code :

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

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

Pas regardé le 2nd...

**Inccube** · 19/12/2011, 11h13

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

Code :

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

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

**NoSmoking** · 19/12/2011, 15h05

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 :

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

1
2
3
var sTmp = '980 000,11544';
sTmp = sTmp.replace(' ','').replace(',', '.');
alert( parseFloat(sTmp).toFixed(2));

**Inccube** · 19/12/2011, 17h34

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

**Bovino** · 19/12/2011, 17h46

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

**Inccube** · 19/12/2011, 18h02

ok, alors je n'ai pas compris.

J'ai repris ce code

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

**NoSmoking** · 19/12/2011, 20h07

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 :

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

**Inccube** · 20/12/2011, 13h51

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

formatage de valeur + inserer decimales

JavaScript

Discussions similaires

Partager

Partager