Transformer les caractères automatiquement d'un champ de formulaire

Version imprimable

02/06/2010, 15h22
yesnie

Transformer les caractères automatiquement d'un champ de formulaire

Bonjour,

J'ai repris un script qui me permet de remplacer les espaces par des tirets dans un champs de formulaire. cf code ci-dessous. Ce champs est très pratique car je l'utiliser pour rewriter mes URL.
J'aimerais également pouvoir remplacer les caractères à accents par des caractères sans accent qu'un é,è soit remplacer par automatiquement par un e. Avez vous une idée de comment je pourrais compléter ce code ?

Citation:

<input type="text" name="v1" id="v1" onKeyPress="
if (event.keyCode==39 && event.keyCode==44)|| event.keyCode==32) event.returnValue = false;
if (event.which==39 && event.keyCode==44|| event.which==32) size="120">

Merci d'avance !
++

perso je le ferais sur le onkeyup avec un replace sur une regExp ...
c'est plus clair ...

en m'inspirant d'un code déja proposé sur le forum:
Code:

1 2 3 4 5 6 7 8 9 10 <script type="text/javascript"> chaine="à ä a" myarray={'à':'a','ä':'a',' ':'-'}; function foo(){ return chaine.replace(/./g, function($0){return (myarray[$0])?myarray[$0]:$0 }) } alert(foo(chaine)) </script>
a toi de compléter l'array des remplacements ...

02/06/2010, 16h46
yesnie

Merci pour cette info. Mais cela va modifier dans tous les champs de la page ? ou uniquement su mon champ intitulé V1 ?
02/06/2010, 16h58
SpaceFrog

appelle la fonction su le onkeyup et onmouseup des champs souhaités comme ceci:

Code:

onkeyup='this.value=foo(this.value)' onmouseup='this.onkeyup()'
10/06/2010, 12h10
yesnie

Bonjour,

Je viens d'insérer ton script.
Mais cela n'a pas l'air de fonctionner : lorsque j'ouvre ma page j'ai une boite de dialogue qui s'affiche dans laquelle est inscrite "a-a-a". Je clic sur OK

Lors que je rempli mon formulaire, dans le champ qui devrait transformer les caractères, le texte entré est instantanément remplacé par "a-a-a"

Sais tu d'où cela pourrais provenir ?
Merci d'avance.

c'était un exemple 8O8O
il faut bien entendu modifier les paramètres de la fonction et son return ...:roll:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
<script type="text/javascript">
// chaine="à ä a"   <= ligne inutile à supprimer ;-)
myarray={'à':'a','ä':'a',' ':'-'};
 function foo(val){
 return val.replace(/./g, function($0){return (myarray[$0])?myarray[$0]:$0 })
}
</script>
</head>
<body>
<input type='text' onkeyup='this.value=foo(this.value)' onmouseup='this.onkeyup()' value='' />
</body>
</html>

10/06/2010, 13h59
yesnie

Merci.
Ca fonctionne niquel !

Par contre comment faire pour remplacer une apostrophe ' ?

Merci !!!
10/06/2010, 14h01
RomainVALERI

Pour compléter l'excellente solution de SF, tu peux maintenant :

- compléter la liste des remplacements, en conservant la syntaxe 'clef':'valeur' :

Code:

myarray={'à':'a','ä':'a',' ':'-','autre caractère à remplacer':'nouveau caractère'};

...ce qui donne pour pour une apostrophe (suite à ta question) :

Code:

myarray={'\'':'autre chose'};

- et retirer la ligne

Code:

chaine="à ä a"

qui a été oubliée là par inadvertance... ;)
10/06/2010, 14h05
SpaceFrog

lol oui elle ne sert à rien ...

fait
merci RV ;)
10/06/2010, 14h13
yesnie

Ok ca marche niquel.
Merci beaucoup !