filtrage de chaines JS et navigateur

[utopman]

Bonjour à tous ,
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. 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.
Sous Firefox et IE aucun problème...

[javatwister]

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>

[SpaceFrog]

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))

[javatwister]

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

[Watilin]

Moi d'abord

Code JS :

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));

[SpaceFrog]

Magnifique methode inversée !

[Bovino]

Envoyé par SpaceFrog

Magnifique methode inversée !

Bof... il manque les tildes...

Mais sinon, oui, jolie proposition

[Watilin]

Envoyé par Bovino

Bof... il manque les tildes...

Ah oui, et les O barrés. Autant pour moi

[utopman]

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 !

[javatwister]

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

bon, j'admets que j'ai un peu roupillé c't'aprem

[utopman]

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 !

[javatwister]

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))

[javatwister]

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

bon, je vais me recoucher;

[utopman]

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 !

[Auteur]

Envoyé par Watilin

Code JS :

Envoyé par SpaceFrog

Magnifique methode inversée !

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

[Watilin]

Haha ! C'est un petit Easter Egg perso : ce que j'ai écrit est syntaxiquement correct 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 JS :

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 :/

[utopman]

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&eacute;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.

[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.

[Watilin]

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

[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...