Formatage de nombres dans une page JSP

Version imprimable

07/03/2006, 11h16
Addouna

Formatage de nombres dans une page JSP

Au cours de la saisie dans une page JSP, je veux formater un champ dès que je le quitte, exemple :
quand je tape 1500 et que je passe à un autre champ, je veux que le montant devienne : 1 500 (avec un séparateur de milliers)
Y a-t-il un code Javascript pour le faire ?
le maximum de détails serait for apprécié, je suis pas un expert dans le domaine !
07/03/2006, 11h24
SpaceFrog

premier point l'evenement à utiliser serait onblur dasn lequel tu devras lancer ta focntion de formattage ...
je ne connais pas d'instruction javascript pour le faire directement, je pense qu'il te faudra passer par un petit script
la saisie sera uniquement des entiers ? des décimaux ...
07/03/2006, 11h36
Addouna

Merci pour ta réponse, mais cette première phase je la connais déjà :wink:
ce qui me reste c'est le script qui me permetera le formatage du montant :cry:
07/03/2006, 11h40
denisC

Citation:

Envoyé par SpaceFrog

premier point l'evenement à utiliser serait onblur dasn lequel tu devras lancer ta focntion de formattage ...

+ onfocus pour enlever le formattage si l'utilisateur revient changer le montant qu'il avait déjà enlevé.

+ onsubmit du formulaire pour virer tout le formattage au moment de soummettre le formulaire (sinon, bonjour le parsing coté serveur).

Enfin, juste mes deux centimes :)

voici un premier jet sans décimlaes et sans test numérique ...

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
<script type='text/javascript'>
 
function formatte(valeur){
var valeurformate =new Array()
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(' ')
 
alert(valeurformate)
}
</script>
 
</head>
 
<body>
<input type='text' onblur='formatte(this.value)' />
 
</body>

09/03/2006, 12h35
Addouna

Merci SpaceFrog pour le code :applo:
Je l'ai essayé et ça marche, sauf que j'ai besoin de qq améliorations si possible :

1) Quand je fais un premier passage sur mon champ, le résultat est bien formaté, mais qud je fais un deuxième passage sur le même champ, il le reformate et donc les espaces sont considérés comme des chiffres ! donc 125000 devient 125 000 (après une 1ère tabulation) puis 1 25 000 (après une deuxième tabulation !)
donc je demande comment éliminer les espaces dans l'étap du split ?

2) Comment prendre en charge le formatage des nombres à décimal.
Merci d'avance

Remarque : je n'oublierai pas ton conseil "Tag Résolu" dès que c'est le cas :wink:

en bidouillant un peu ...

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
 
<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]:'');
 
document.getElementById('moninput').value=valeurformate
}
 
 
</script>

09/03/2006, 13h45
SpaceFrog

voire même:

Code:

valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':'');
09/03/2006, 15h15
denisC

Citation:

Envoyé par Addouna

Merci SpaceFrog pour le code :applo:
Je l'ai essayé et ça marche, sauf que j'ai besoin de qq améliorations si possible :

C'était à peu près l'objet de mes remarques :D
10/03/2006, 13h01
Addouna

Merci denisC et SpaceFrog, :applo:
Vos réponses et remarques m'ont servi à résoudre mes problèmes.
A bien tôt.