[JavaScript]Besoin d'aide sur ce script

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JavaScript]Besoin d'aide sur ce script

brutax

Bonjour à tous :bounce:

Voilà, je suis en train de faire un site php qui fait quelques calculs. J'ai besoin, pour des questions de lisibilité, d'ajouter des séparateurs de milliers.
J'ai donc trouvé un script sur le net (eh oui, un bon programmeur est un flemmard !) qui fait ça.

Tout bon, vraiment bien ce script ! Sauf que j'y comprends rien, javascipt n'étant absolument pas mon domaine et n'ayant pas vraiment le temps de m'y mettre pour approfondir les choses.
Mais à la limite, c'est pas grave, j'ai pas besoin de le comprendre vu qu'il marche !

Oui mais : Ce script ne gère pas les effacements (backspace et suppr). c'est à dire que si je veux modifier mon texte, faut que je ressaisisse l'URL.

voilà, donc si un As du JS aurait le temps de me trouver la solution, ça serait tout à son honneur.

Voici le code :

Citation :

<HTML>
<head>

<SCRIPT LANGUAGE="JavaScript">

function currencyFormat(fld, milSep, decSep, e) {

var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';
var whichCode = (window.Event) ? e.which : e.keyCode;

if (whichCode == 13) return true; // Enter

key = String.fromCharCode(whichCode); // Get key value from key code

if (strCheck.indexOf(key) == -1) return false; // Not a valid key

len = fld.value.length;

for(i = 0; i < len; i++)

if ((fld.value.charAt(i) != '0') && (fld.value.charAt(i) != decSep)) break;

aux = '';

for(; i < len; i++)

if (strCheck.indexOf(fld.value.charAt(i))!=-1) aux += fld.value.charAt(i);

aux += key;

len = aux.length;

if (len == 0) fld.value = '';

if (len == 1) fld.value = '0'+ decSep + '0' + aux;

if (len == 2) fld.value = '0'+ decSep + aux;

if (len > 2) {

aux2 = '';

for (j = 0, i = len - 3; i >= 0; i--) {

if (j == 3) {
aux2 += milSep;
j = 0;
}

aux2 += aux.charAt(i);
j++;

}

fld.value = '';

len2 = aux2.length;

for (i = len2 - 1; i >= 0; i--)

fld.value += aux2.charAt(i);

fld.value += decSep + aux.substr(len - 2, len);

}

return false;

}

// End -->

</script>
</head>
<BODY>

<form>

Enter Value:

<input type=text name=test length=15 onKeyPress="return(currencyFormat(this,' ','.',event))">

</form>

</BODY>
</HTML>

Bon, bien entendu mon objectif est plus compliqué que ça, mais c'est pour simplifier.

Merci à tous.

Publicité

brutax

P.S. Si vous avez un autre script, je prends aussi ^^

NewsletTux

<Insérez ici votre vie />

hello
pourquoi pas directement en PHP avec http://fr2.php.net/manual/fr/funct [...] format.php ?

---------------
NewsletTux - outil de mailing list en PHP MySQL

brutax

par ce que il faut que l'utilisateur voit ses milliers séparés pendant la saisie.
Je suis en train d'essayer de faire un autre script.
Je vous le passe. Le problème c'est de récupérer la position de son curseur après une insertion de chiffre n'importe où dans la chaîne. Je n'arrive pas non plus à gérer les backspace et suppr.

Le voilà, si quelqu'un a la bonté de m'aider.

Code :

function millier()
{
var gauche;
var droite;
var pos;
var longueur;
var longueur2;
var valeur;
var start;
//récup de la position actuelle du curseur
start = document.getElementById('test').selectionStart;
var testpos=start;
//récup de la valeur du champ
valeur=document.getElementById("test" ).value;
//récupération de la longueur de la chaine
longueur=valeur.length;
//récupération de l'emplacement de la virgule
pos=valeur.indexOf(".", 0);
if(pos == -1)
{pos=longueur;}
//récupération de la partie entière
gauche = valeur.substring(0, pos);
gauche=supprEspace(gauche);
//nouvelle longueur de la chaine
longueur2=gauche.length;
//récupération de la décimale et la virgule
droite = valeur.substring(pos, longueur+1);
var gauche2=gauche;
for (var i=1;i<4;i++) {
if (parseInt(gauche2)>=Math.pow(10,(3*i))) {
gauche=gauche.substring(0,longueur2-(3*i))+" "+gauche.substring(longueur2-(3*i));
}
}
document.getElementById("test" ).value = gauche+""+droite;
//on remet le curseur où il doit être.
//on récup la nouvelle longueur de la chaine
new_longueur=gauche.length;
//si on a supprimé des chiffres (backspace)
if(new_longueur < longueur2 && longueur2 != 3)
{
start--;
}
//si on a ajouté des espaces avec les séparateurs de milliers
if(new_longueur > longueur2 && longueur2 != 3)
{
start++;
longueur2++;
}
if(new_longueur > longueur2 && longueur2 != 3)
{
start++;
}
document.getElementById('test').selectionStart = start;
document.getElementById('test').selectionEnd = start;
//si on a fait que se déplacer avec les flèches
if(new_longueur == longueur2)
{start += 1;}
document.getElementById("testspan" ).innerHTML = longueur2 +" - "+new_longueur+" - "+testpos+" - "+start;
}
function supprEspace(f) {
var txtResultat="";
for (var i=0; i<=f.length-1; i++) {
if (f.charAt(i)!=" " ) {
txtResultat+=f.charAt(i);
}
}
return txtResultat;
}

gatsu35

Blablaté par Harko

Il y a plus simple comme code pour formatter un nombre
SUr jsfiddle, j'ai un exemple un peu plus complet, http://jsfiddle.net/FpFHG/7/
Mais voici juste le code qui permet de formatter 1234567 en 1 234 567

Code :

var number = "2324443";
var formattedNumber = number.replace(/(\d)(?=(\d{3})+(?:[.,]\d{2})*$)/g, '$1 ');
console.log(formattedNumber);

---------------
Blablaté par Harko

brutax

salut
merci pour ton code.
Et ça met le curseur où il faut ?

++

gatsu35

Blablaté par Harko

non si tu regarde bien, je n'ai quasiment aucune notion du curseur via ce code.

Il faut juste rajouter un algo qui gère le changement de longeur de la chaine entre la nouvelle chaine et la précédente chaine et qu'on regarde si on rajoute ou enleve un espace.
L'autre problème et de connaitre à quel endroit le rajout s'est opéré.
Mon code ici te formate le nombre d'une manière plus simple que les 40 lignes de codes que tu avais avant.

---------------
Blablaté par Harko

brutax

OK.
je te remercie Gatsu35

brutax

C'est bon, j'ai réussi à faire ce que je voulais.
J'y ai pas encore intégré ton script Gatsu, mais ça marche.

Le voilà pour ceux qui veulent
Notez que j'ai aussi une fonction qui remplace les virgules par des points avant traîtement du script.

Code :

function millier()
{
var gauche;
var droite;
var pos;
var longueur;
var longueur2;
var valeur;
var start;
//récup de la position actuelle du curseur
start = document.getElementById('test').selectionStart;
//récup de la valeur du champ
valeur=document.getElementById("test" ).value;
//récupération de la longueur de la chaine
longueur=valeur.length;
//récupération de l'emplacement de la virgule
pos=valeur.indexOf(".", 0);
//s'il n'y a pas de virgule
if(pos == -1)
{pos=longueur;}
//récupération de la partie entière
gauche = valeur.substring(0, pos);
//on garde une variable qui contient la partie gauche AVEC les espaces
var gauche_esp=gauche;
//on supprime les espaces de gauche
gauche=supprEspace(gauche);
//nouvelle longueur de la chaine gauche (sans les espaces)
longueur2=gauche.length;
//récupération de la décimale et la virgule
droite = valeur.substring(pos, longueur+1);
//on rajoute les espaces
var gauche2=gauche;
for (var i=1;i<4;i++) {
if (parseInt(gauche2)>=Math.pow(10,(3*i))) {
gauche=gauche.substring(0,longueur2-(3*i))+" "+gauche.substring(longueur2-(3*i));
}
}
//insertion de la valeur dans le champ
document.getElementById("test" ).value = gauche+""+droite;
//on remet le curseur où il doit être.
//nouvelle longueur de la chaine
longueur2=gauche_esp.length;
//on récup la nouvelle longueur de la chaine avec espaces
var new_longueur_esp=gauche.length;
// si on a ajouté des espaces avec les séparateurs de milliers, on incrémente la position du curseur
if(new_longueur_esp > longueur2 && longueur2 != 3)
{
start++;
}
// si on a supprimé des espaces en supprimant des chiffres, on décrémente la position du curseur
if(new_longueur_esp < longueur2 && longueur2 != 3)
{
start--;
}
//et on replace le curseur où il doit être
document.getElementById('test').selectionStart = start;
document.getElementById('test').selectionEnd = start;
}
function supprEspace(f) {
var txtResultat="";
for (var i=0; i<=f.length-1; i++) {
if (f.charAt(i)!=" " ) {
txtResultat+=f.charAt(i);
}
}
return txtResultat;
}

FORUM HardWare.fr

Programmation

HTML/CSS

[JavaScript]Besoin d'aide sur ce script

Sujets relatifs
[RESOLU] php script affichage fichier	[VB.NET] Récupérer Form Active [Résolu]
Aide HTML / CSS	Modifier clé registre par script
Javascript - de l'intérêt de la compression	aide script .vbs "copier coller"
[PHP] - Aide sur codes PHP pour Club de Plongée ;)	Script pour suppression auto fichier de log
Aide sur une fonction javascript	Besoin d 'aide pour combiner 2 script Javascript.
Plus de sujets relatifs à : [JavaScript]Besoin d'aide sur ce script

Page générée en 0.076 secondes