Remplacer un caractère à la volée

Version imprimable

Bonjour à tous,

En parcourant le site je suis tombé sur ce petit code tout bête Remplacer un caractère à la volée et il me plait beaucoup.
Code:

1 2 3 4 5 function virgule(texte) { if (texte.substr(texte.length-1,1) == ",") { document.getElementById('champ').value=texte.substr(0,texte.length-1)+ "." ; } }
Je l'ai intégré à mon projet sans soucis sur une page pour faire des tests et tout fonctionne parfaitement. Par contre je rencontre une difficulté dans un certain cas de figure.

Comme on utilise getElementById() le script plante quand je me retrouve avec plusieurs input à vérifier sur la même page.

Existe t'il une méthode pour palier à ce problème ? J'ai essayé ceci :
Code:

1 2 3 4 5 function noVirgule(texte) { if (texte.substr(texte.length-1,1) == ",") { document.getElementById('effVirgule1' || 'effVirgule2' || 'effVirgule3').value=texte.substr(0,texte.length-1)+ "." ; } }
Mais ça ne marche pas. (Inutile de me dire que je suis une quiche en Js et/ou Ajax : je le sais! ;) )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
function noVirgule(texte) {
    if (/,/.test(texte)) {
     var i=0;
     while(obj=document.getElementById('effVirgule'+ ++i)){ 
			obj.value=texte.replace(/,/g,'.')
			}
    }
} 
</script>
</head>
 
<body onload="noVirgule('boujour, ce, texte est, plein de virgules, mais sera plein de points')">
<input type='text' id="effVirgule1" value="" />
<input type='text' id="effVirgule2" value="" />
<input type='text' id="effVirgule3" value="" />
</body>

07/09/2010, 15h35
BLJ.CHAUVIN

Par les milles craquettes en folie je vous remercie SpaceFrog !

Mais je vais quand même tester ce code avant de sabrer le champagne, parce que je ne sais pas à quoi sert le 'body onload'. Donc j'essaie de l'intégrer à mes pages et si ça fonctionne je paie ma tournée.

Je vous donne des nouvelles sur le résultat des test. :ccool:

Bonjour,

Tout d'abord je tiens à m'excuser pour le délai plus que long qui sépare mon premier message de cette réponse, mais je n'ai pas eu le temps (l'envie?) de m'y atteler plus tôt.

Ceci étant dit, après quelques tests du code de SpaceFrog voici la situation:

J'ai 3 input text prévus pour que l'utilisateur y inscrive des prix qui seront ajoutés à la base de données. La fonction noVirgule est une sécurité qui doit permettre de remplacer les virgules par des points lors de la saisie des données. (dans le but d'avoir une double sécurité: coté client avec javascript et coté serveur avec php ou sql).

J'ai transposé le code de SpaceFrog comme ci-dessous:
Code:

1 2 3 4 5 6 7 8 9 10 //Change le caractere ',' par le caractere '.' function noVirgule(texte) { if (/,/.test(texte)) { var i=0; while(obj=document.getElementById('effVirgule'+ ++i)){ obj.value=texte.replace(/,/g,'.') } } } // a inserer : <input type="text" id="effVirgule" onkeyup="noVirgule(this.value);">
Dans mon fichier scripts.js

Et
Code:

1 2 3 echo("<td><input type=\"text\" name=\"PrixPdVins1\" id=\"effVirgule1\" value=\"".htmlentities($donGv['PRIX_TTC_1'])."\" onkeyup=\"noVirgule(this.value);\" /> €</td>"); echo("<td><input type=\"text\" name=\"PrixPdVins2\" id=\"effVirgule2\" value=\"".htmlentities($donGv['PRIX_TTC_2'])."\" onkeyup=\"noVirgule(this.value);\" /> €</td>"); echo("<td><input type=\"text\" name=\"PrixPdVins3\" id=\"effVirgule3\" value=\"".htmlentities($donGv['PRIX_TTC_3'])."\" onkeyup=\"noVirgule(this.value);\" /> €</td>");
Dans mon fichier prix.php

Malheureusement avec ce code si une virgule est saisie dans un des trois input cela converti automatiquement les valeurs des deux autres. Par exemple:
PRIX1 [12.50] | PRIX2 [23.40] | PRIX3 [54,80] devient aussitôt PRIX1 [54.] | PRIX2 [54.] | PRIX3 [54.00]

J'obtenais exactement le même résultat avec le premier code que j'ai testé dans mon premier message. Cela n'a rien changé.

Voyez une solution à ce problème?

Merci à vous.

18/09/2010, 20h57
SpaceFrog

???
Ben c'est pas le but recherché de remplacer les virgules par de points ???
18/09/2010, 22h09
BLJ.CHAUVIN

Si biensûr :mouarf:

Mais comme je l'indique ici:

Citation:

Malheureusement avec ce code si une virgule est saisie dans un des trois input cela converti automatiquement les valeurs des deux autres. Par exemple:
PRIX1 [12.50] | PRIX2 [23.40] | PRIX3 [54,80] devient aussitôt PRIX1 [54.] | PRIX2 [54.] | PRIX3 [54.80]

Cette fonction ne se limite pas à changer les virgules en point sur l'input incorrect elle modifie les valeurs entières (pas seulement les virgules) de tous les input.

Si on regarde l'exemple indiqué les PRIX1 et PRIX2 qui étaient correctes sont modifiés aussi (PRIX1 [12.50] --> PRIX1 [54.] // PRIX2 [23.40] --> PRIX2 [54.]) Donc les prix ont changé, pas seulement "la ponctuation".

En quelque sorte la fonction ne fait pas la différence entre chaque input elle les traite tous comme si il n'y en avait qu'un.

Voyez vous la différence et le soucis que ça pose dans la saisie des données?

Ha tu veux dire input par input ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<script type="text/javascript">
function noVirgule(obj) {
            obj.value=obj.value.replace(/,/g,'.')
        } 
</script>
</head>
 
<body>
<input type="text" name="PrixPdVins1" id="effVirgule1" value="" onkeyup="noVirgule(this);" />&nbsp;&euro; <br/>
<input type="text" name="PrixPdVins2" id="effVirgule2" value="" onkeyup="noVirgule(this);" />&nbsp;&euro;<br/>
<input type="text" name="PrixPdVins3" id="effVirgule3" value=""onkeyup="noVirgule(this);" />&nbsp;&euro;<br/>
</body>

j'étais parti sur une verification globale de tous les inputs...

19/09/2010, 15h23
BLJ.CHAUVIN

Je viens de tester, maintenant ça marche parfaitement, milles mercis!