Remplacez plusieurs caractères dans une chaîne en javascript

J'ai reçu ce joli code, je n'ai aucune idée de pourquoi ça ne marche pas. Il doit avoir la valeur d'une saisie de texte et de remplacer chaque caractère national avec du code HTML, pour des raisons de compatibilité. Mais, quand je clique sur le bouton, la fonction renvoie la chaîne sans aucune modification.
Une idée?

(jsfiddle)

<a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
Set reminder
</a>
<a id="reminder2" class="reminder" style="display:none;">
<input type="text" id="reminderh" size=40 style="font-size:20px;">
<input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>
<script>
function csere(qwe){
document.getElementById('reminder2').style.display = 'none';
var rtz0  = qwe.replace("á","&aacute;");
var rtz1  = rtz0.replace("Á","&Aacute;");
var rtz2  = rtz1.replace("é","&eacute;");
var rtz3  = rtz2.replace("É","&Eacute;");
var rtz4  = rtz3.replace("í","&iacute;");
var rtz5  = rtz4.replace("Í","&Iacute;");
var rtz6  = rtz5.replace("ö","&ouml;");
var rtz7  = rtz6.replace("Ö","&Ouml;");
var rtz8  = rtz7.replace("ő","&&#337;");
var rtz9  = rtz8.replace("Ő","&#336;");
var rtz10 = rtz9.replace("ó","&oacute;");
var rtz11 = rtz10.replace("Ó","&Oacute;");
var rtz12 = rtz11.replace("ü","&uuml;");
var rtz13 = rtz12.replace("Ü","&Uuml;");
var rtz14 = rtz13.replace("ű","&#369;");
var rtz15 = rtz14.replace("Ű","&#368;");
var rtz16 = rtz15.replace("ú","&uacute;");
var uio = rtz16.replace("Ú","&Uacute;");
//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);
document.getElementById('reminder1').style.display = '';
}
</script>

source d'informationauteur SeinopSys

  1. 9

    Vous pouvez simplement remplacer tout par programme, ne pas utiliser entités nommées:

    return input.replace(/[^ -~]/g, function(chr) {
//                   ^^^^^^ 
//this is a regexp for "everything than printable ASCII-characters"
//and even works in a ASCII-only charset. Identic: [^\u0020-\u007E]
return "&#"+chr.charCodeAt(0)+";";
});

    Si vous souhaitez utiliser des entités nommées, vous pouvez combiner cela avec une valeur-clé-carte (comme dans @jackwanders réponse):

    var chars = {
"á" : "&aacute;",
"Á" : "&Aacute;",
"é" : "&eacute;",
"É" : "&Eacute;",
...
}
return input.replace(/[^ -~]/g, function(chr) {
return (chr in chars) 
? chars[chr]
: "&#"+chr.charCodeAt(0)+";";
});

    Cependant, vous ne devriez jamais avoir besoin d'utiliser les entités html en JavaScript. L'utilisation de l'utf-8 comme encodage pour tout, et il va fonctionner.

  2. 9

    Vous pouvez créer un objet qui a des paires clé/valeur pour chaque caractère à remplacer:

    var chars = {
"á" : "&aacute;",
"Á" : "&Aacute;",
"é" : "&eacute;",
"É" : "&Eacute;",
...
}

    Et ensuite utiliser une fonction dans votre .replace appel:

    var uio = qwe.replace(/[áÁéÉ]/g,function(c) { return chars[c]; });

    Votre objet et votre expression régulière sera bien évidemment besoin de croître pour inclure tous les caractères que vous souhaitez remplacer

  3. 3

    Les personnages sont soumis à l'encodage de la page HTML, le JavaScript de la page, et la requête HTTP. Essayez de remplacer les personnages, avec leurs Unicode équivalents:

    <a id="reminder1" onclick="document.getElementById('reminder2').style.display = ''; document.getElementById('reminder1').style.display = 'none';">
Set reminder
</a>
<a id="reminder2" class="reminder" style="display:none;">
<input type="text" id="reminderh" size=40 style="font-size:20px;">
<input type="button" value="Set" onclick="csere(document.getElementById('reminderh').value);">
</a>
<script>
function csere(qwe){
document.getElementById('reminder2').style.display = 'none';
var rtz0  = qwe.replace(/\u00E1/,"&aacute;");
var rtz1  = rtz0.replace(/\u00C1/,"&Aacute;");
var rtz2  = rtz1.replace(/\u00E9/,"&eacute;");
var rtz3  = rtz2.replace(/\u00C9/,"&Eacute;");
var rtz4  = rtz3.replace(/\u00ED/,"&iacute;");
var rtz5  = rtz4.replace(/\u00CD/,"&Iacute;");
var rtz6  = rtz5.replace(/\u00F6/,"&ouml;");
var rtz7  = rtz6.replace(/\u00D6/,"&Ouml;");
var rtz8  = rtz7.replace(/\u00F5/,"&&#337;");
var rtz9  = rtz8.replace(/\u00D5/,"&#336;");
var rtz10 = rtz9.replace(/\u00F3/,"&oacute;");
var rtz11 = rtz10.replace(/\u00D3/,"&Oacute;");
var rtz12 = rtz11.replace(/\u00FC/,"&uuml;");
var rtz13 = rtz12.replace(/\u00DC/,"&Uuml;");
var rtz14 = rtz13.replace(/\u0171/,"&#369;");
var rtz15 = rtz14.replace(/\u0170/,"&#368;");
var rtz16 = rtz15.replace(/\u00FA/,"&uacute;");
var uio = rtz16.replace(/\u00DA/,"&Uacute;");
//Creates a cookie with the final value (different function)
createCookie('reminder',uio,1500);
document.getElementById('reminder1').style.display = '';
}
</script>

    Double vérifier mes conversions pour être sûr. J'ai utilisé la grille sur Wikibooks.

  4. 1

    Je pense que vous avez un problème avec seulement le remplacement de la première occurrence d'un caractère. En javascript, vous devez spécifier mondiale remplace en utilisant les regex comme ceci:

    var rtz0  = qwe.replace(new RegExp("á", "g"), "&aacute;");

    Il serait préférable de créer un tableau tel que mentionné par PPvG ou jackwanders, mais sinon, au moins réutiliser la variable existante. Vous pouvez facilement le faire comme ceci:

    qwe  = qwe.replace(new RegExp("á", "g"), "&aacute;");
qwe  = qwe.replace(new RegExp("Á", "g"), "&Aacute;");