Filtrage de chaines JS et navigateur

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous :D,
Je souhaite utiliser une fonction qui supprime tout les caractères dérangeants d'une chaine et remplacer les espaces et apostrophes par des _.
Pour le moment, j'utilise des jolies fonctions que j'ai trouvé de ci de la, le tout en javascript (je n'ai pas le droit à un autre langage)
Code:

1 2 3 4 5 6 7 8 9 10 function preg_replace (array_pattern, array_pattern_replace, my_string) { var new_string = String (my_string); for (i=0; i<array_pattern.length; i++) { var reg_exp= RegExp(array_pattern[i], "gi"); var val_to_replace = array_pattern_replace[i]; new_string = new_string.replace (reg_exp, val_to_replace); } return new_string; }
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function systemString (my_string) { my_string = String(my_string); var new_string = ""; var pattern_accent = new Array("é", "è", "ê", "ë", "ç", "à", "â", "ä", "î", "ï", "ù", "ô", "ó", "ö"); var pattern_replace_accent = new Array("e", "e", "e", "e", "c", "a", "a", "a", "i", "i", "u", "o", "o", "o"); if (my_string && my_string!= "") { new_string = preg_replace (pattern_accent, pattern_replace_accent, my_string); } new_string = new_string.replace(/ /g,'_'); new_string = new_string.replace(/'/g,'_'); new_string = new_string.toLowerCase(); alert(new_string); return new_string; }
J'obtiens une chaîne propre avec ces fonctions:ccool:. Cependant, sous google chrome lors de l'alerte à la fin de la fonction systemString(), j'ai une chaîne qui contient des accents. Je ne comprends pas pourquoi.:cry:
Sous Firefox et IE aucun problème...

petite suggestion de simplification:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript"> 
 
var tab={
"é":"e", "è":"e", "ê":"e", "ë":"e", 
"ç":"c",
 "à":"a", "â":"a", "ä":"a",
 "î":"i", "ï":"i",
 "ù":"u",
 "ô":"o", "ó":"o", "ö":"o",
" ":"_","'":"_"
};
function preg(chaine){
	for(i in tab){
		chaine=chaine.replace(new RegExp(i,"gi"),tab[i])
	}
	return chaine.toLowerCase()
}
 
alert(preg("A bientôt, à Noël ou en été."))
 
</script>

oulà JT pâbô la boucle

Code:

1
2
3
4
5
6
7
8
9
var TabSpec = {"à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","è":"e","é":"e","ê":"e","ë":"e","ç":"c","ì":"i","í":"i","î":"i","ï":"i","ù":"u","ú":"u","û":"u","ü":"u","ÿ":"y","ñ":"n","-":" ","_":" "}; 
 
function replaceSpec(Texte){
	var reg=/[àáäâèéêëçìíîïòóôõöøùúûüÿñ_-]/gi; 
	return Texte.replace(reg,function(){ return TabSpec[arguments[0].toLowerCase()];}).toLowerCase();
 	}
 
var TestTexte="àAAÀAAÁÂÒÓÔÕÖØòÒÓÔÕ-ÖØòó_ôõöøÈÉÊËèéêëÇçÒÓÔÕÖØòÌÍÎÏìíîïÙÚÛÜùúûüÿÑñ"
alert(replaceSpec(TestTexte))

13/07/2011, 10h05
javatwister

est-ce vraiment plus rapide?
sinon j'ai une tite amélioration (tout à l'heure)

Moi d'abord :langue2:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
var test = 'Dès Noël où un zéphyr haï me vêt de glaçons würmiens, je dîne d’exquis rôtis de bœuf au kir à l’aÿ d’âge mûr & cætera !';
 
var rules = {
	'a': /[àáâãäå]+/g,
	'ae': /[æ]+/g,
	'c': /[ç]+/g,
	'e': /[èéêë]+/g,
	'i': /[ìíîï]+/g,
	'n': /[ñ]+/g,
	'o': /[òóôõö]+/g,
	'oe': /[œ]+/g,
	'u': /[ùúûü]+/g,
	'y': /[ýÿ]+/g,
	'_': /[\s\\]+/g
}
 
function remplacerTousLesCaractèresDésagréables( s ) {
	s = s.toLowerCase();
	for (var r in rules) s = s.replace(rules[r], r);
	return s;
}
 
alert(remplacerTousLesCaractèresDésagréables(test));

:mrgreen:

13/07/2011, 15h55
SpaceFrog

Magnifique methode inversée ! :bravo:
13/07/2011, 16h00
Bovino

Citation:

Envoyé par SpaceFrog

Magnifique methode inversée ! :bravo:

Bof... il manque les tildes... :mouarf:

Mais sinon, oui, jolie proposition :)
13/07/2011, 17h00
Watilin

Citation:

Envoyé par Bovino

Bof... il manque les tildes... :mouarf:

Ah oui, et les O barrés. Autant pour moi :oops:
13/07/2011, 18h35
utopman

Solutions

Merci pour toutes ces réponses, ce ton décalé et cet entrain ! je n'en attendais pas tant. Je vais tester tout cela et j'espère qu'une des solutions conviendra.

Merci !
13/07/2011, 18h57
javatwister

ah mince, Watilin, escroc, tu m'as piqué mon idée :rouleau::zekill:

bon, j'admets que j'ai un peu roupillé c't'aprem :mrgreen:
13/07/2011, 19h08
utopman

[RESOLU] Choix de la solution

Bien, j'ai testé, j'ai approuvé. finalement je prends la solution de Watilin pour sa clareté et sa concision. J'ai ajouté un apostrophe comme règle et j'ai parfaitement ce que je souhaitais. merci encore !

attends, attends, je suis réveillé!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var tab={
"é":"e", "è":"e", "ê":"e", "ë":"e", 
"ç":"c",
 "à":"a", "â":"a", "ä":"a",
 "î":"i", "ï":"i",
 "ù":"u",
 "ô":"o", "ó":"o", "ö":"o",
" ":"_"
};
 
var test= "Dès Noël où un zéphyr haï me vêt de glaçons würmiens, je dîne d’exquis rôtis de bœuf au kir à l’aÿ d’âge mûr & cætera !"
 
function preg(t){
	return t.replace(/[äáâèéêëçîïóôöù ]/gi,function(q){ return tab[q].toLowerCase()});
}
 
alert(preg(test))

13/07/2011, 19h22
javatwister

ah ben nan je suis bête, c'est la méthode de Spafy :ptdr:

bon, je vais me recoucher;
13/07/2011, 20h16
utopman

[PAS RESOLU] Toujours le meme problème
re bonjour,

vos méthodes fonctionnent très bien et lorsque je teste vos scripts tels quel aucun probleme. Cependant, j'ai des soucis avec la manière dont j'utilise ceux ci.

En fait à l'aide de jquery, j'écoute un lien au clique, et lorsque celui ci est cliqué, je souhaite récupérer sa chaine pour créer une adresse propre à l'aide de la méthode de conversion. comme le montre le code ci dessous, je fais un
Code:

1 2 $(this).children('a').text();
qui vient alimenter la fonction de conversion. Ca marche sous Firefox et IE mais toujours pas sous chrome, et je ne comprends pas pourquoi.
Je constate dans firebug que la chaine convertie qui permet de faire un appel a un fichier html a subi une transformation , il a été lowercasé mais la conversion d'accents a échoué...

A l'aide !
13/07/2011, 22h47
Auteur
Citation:
Envoyé par Watilin

Code:

1 2 3 4 5 6 7 function remplacerTousLesCaractèresDésagréables( s ) { s = s.toLowerCase(); for (var r in rules) s = s.replace(rules[r], r); return s; }
Citation:

Envoyé par SpaceFrog

Magnifique methode inversée ! :bravo:

Sauf que sa méthode a oublié d'enlever les caractères ~~désagréables~~ accentués dans le nom de la fonction :aie:

Haha ! C'est un petit Easter Egg perso : ce que j'ai écrit est syntaxiquement correct :D JavaScript accepte les accents dans les noms de variables. Et j'ai vérifié, ça marche aussi sous Chrome ;)

http://fr.wikibooks.org/wiki/Program...dentificateurs

Pour le problème sous Chrome, je suppute un conflit de nom. Utopman, essaye en déplaçant la variable rules dans la fonction :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 function remplacerEtc( s ) { s = s.toLowerCase(); var rules = { 'a': /[àáâãäå]+/g, 'ae': /[æ]+/g, 'c': /[ç]+/g, 'e': /[èéêë]+/g, 'i': /[ìíîï]+/g, 'n': /[ñ]+/g, 'o': /[òóôõöø]+/g, 'oe': /[œ]+/g, 'u': /[ùúûü]+/g, 'y': /[ýÿ]+/g, '_': /[\s\']+/g, // autant faire les choses jusqu'au bout :P 'th': /[ðþ]+/g, 'ss': /[ß]/g }; for (var r in rules) s = s.replace(rules[r], r); return s; }
Bovino : pour les autres tilde, je vois pas :/

Infos complémentaires

Rebonjour, je dois vous avouer un truc...

mes chaines dans mon html sont codées avec des html entities -> é : é , et je pense que c'est ça qui pose problème à chrome dans la fonction de conversion. je ne sais pas comment résoudre ce problème.

Je vous invite a tester ce bout de code qui néglige l'accent sous chrome seulement....
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 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"> <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script> <script> var rules = { 'a': /[àáâãäå]+/g, 'ae': /[æ]+/g, 'c': /[ç]+/g, 'e': /[èéêë]+/g, 'i': /[ìíîï]+/g, 'n': /[ñ]+/g, 'o': /[òóôõö]+/g, 'oe': /[œ]+/g, 'u': /[ùúûü]+/g, 'y': /[ýÿ]+/g, '_': /[\'\s\\]+/g } function replaceAll( s ) { s = s.toLowerCase(); for (var r in rules) s = s.replace(rules[r], r); return s; } $(document).ready( function(){ $('.toto').click( function(){ alert(replaceAll($(this).text())); } ); } ); //alert(replaceAll(test)); </script> <body> <a class="toto">Dès Noël où un zéphyr haï me vêt de glaçons würmiens, je dîne d’exquis rôtis de bœuf au kir à l’aÿ d’âge mûr & cætera !</a> </body> </html>
Constatez que j'ai volontairement remplacé le 'é' de la phrase par un 'é' pour le test.

Pour le déplacement de variable , comme j'en ai très peu je sais que ce n'est pas le problème. Après expérimentation ça se confirme.

14/07/2011, 13h03
Eric2a
Salut,

Je viens de trouver deux liens intéressants :
- Equivalent javascript de html_entities_decode() PHP
- JavaScript: how to unescape HTML entities
Mais peut-être que tu peux le faire à l'aide du framework que tu utilises.
14/07/2011, 14h38
Watilin

Citation:

Envoyé par utopman

Je vous invite a tester ce bout de code qui néglige l'accent sous chrome seulement....

Chez moi ça marche nickel… Le problème doit venir d'ailleurs :koi:
14/07/2011, 14h57
nadox

Bonjour,
Le fichier semble enregistré avec le mauvais encodage... (oe collé et apostrophe Windows remplacée par un point d'interrogation par le forum)

(Ceci est un test : bœuf)

EDIT : en fait si ca venais du fichier il y aurait surement le meme probleme avec les autres navigateur, donc si le code que tu as donné viens du navigateur chrome incriminé, il a peut etre un encodage forcé autre que UTF8...

Voir 40 message(s) de cette discussion en une page