formatage de valeur + inserer decimales [Résolu]

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

rotrevrep · 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]}

rotrevrep · 02/12/2011, 01h40

Code :

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

string.replace(old,new)

NoSmoking · 02/12/2011, 20h04

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 :

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

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 :

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

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 :

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.

01/12/2011, 16h09	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	un replace sur la fin de chaine , les décimales sont dans tempval[1] __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

01/12/2011, 16h43	#5
Inccube Candidat au titre de Membre du Club Benoit Truc Inscription : juin 2010 Messages : 30 Détails du profil Informations personnelles : Nom : Benoit Truc Informations forums : Inscription : juin 2010 Messages : 30 Points : 13 Points : 13	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]}
	00

02/12/2011, 01h40	#6
rotrevrep Membre Expert yannick inizan Secrétaire d'état à la procrastination Inscription : février 2011 Messages : 304 Détails du profil Informations personnelles : Nom : yannick inizan Âge : 25 Localisation : France, Cher (Centre) Informations professionnelles : Activité : Secrétaire d'état à la procrastination Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : février 2011 Messages : 304 Points : 1 118 Points : 1 118	Code : Sélectionner tout - Visualiser dans une fenêtre à part string.replace(old,new) __________________ (marquer un post résolu si vous êtes satisfait de la réponse ) le chat caramail de retour ? :/ http://www.tchats.net/beta.php les projets web en cours sont sur : https://github.com/rotrevrep
	00

17/12/2011, 09h42	#9
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	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...
	00

19/12/2011, 11h13	#10
Inccube Candidat au titre de Membre du Club Benoit Truc Inscription : juin 2010 Messages : 30 Détails du profil Informations personnelles : Nom : Benoit Truc Informations forums : Inscription : juin 2010 Messages : 30 Points : 13 Points : 13	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
	00

01/12/2011, 15h43	#3
Inccube Candidat au titre de Membre du Club Benoit Truc Inscription : juin 2010 Messages : 30 Détails du profil Informations personnelles : Nom : Benoit Truc Informations forums : Inscription : juin 2010 Messages : 30 Points : 13 Points : 13	au top Une idée pour forcer l'affichage de 2 décimales ?
	00

19/12/2011, 17h34	#12
Inccube Candidat au titre de Membre du Club Benoit Truc Inscription : juin 2010 Messages : 30 Détails du profil Informations personnelles : Nom : Benoit Truc Informations forums : Inscription : juin 2010 Messages : 30 Points : 13 Points : 13	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).
	00

19/12/2011, 17h46	#13
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 808 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 808 Points : 35 789 Points : 35 789	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... __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	00

20/12/2011, 13h51	#16
Inccube Candidat au titre de Membre du Club Benoit Truc Inscription : juin 2010 Messages : 30 Détails du profil Informations personnelles : Nom : Benoit Truc Informations forums : Inscription : juin 2010 Messages : 30 Points : 13 Points : 13	Ok, merci a tous pour ces éclaircissements et d'avoir pris le temps de me répondre.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email