[DOM] Fonction d'encodage (ou décodage) de caractères accentués dans un string ?

Version imprimable

23/04/2008, 14h16
polothentik

[DOM] Fonction d'encodage (ou décodage) de caractères accentués dans un string ?

Bonjour,

Je passe mon formulaire via un "innerHTML" par une variable de type string. Les caractères accentués s'affichent sous forme de sigles asiatiques dans ma page de destination. Je souhaiterais encoder (ou décoder) cette chaine de caractère pour que les caractères accentués s'affichent correctement.

J'ai vérifié que lorsque je remplace un "é" par un "&eacute", le caractère "é" s'affiche correctement dans ma page de destination.

Quelqu'un aurait-il une info concernant une fonction "déjà" existante qui permettrait d'encoder les caractères accentués (peut-être dans prototype.js, ou autre) ?

Merci d'avance ;)

Petite précision, il me prend "épl" ou "ée" et me les change en sigles asiatiques
23/04/2008, 14h22
SpaceFrog

quand tu dis via un innerHTML tu veux dire ajax ?

sinon un replace avec regExp
23/04/2008, 14h38
polothentik
Dans ce cas précis, en fait non, je ne fais pas de l'AJAX !

1ère question :

si ma string s'appelle test, je dois faire :
Code:

1 2 var reg = regExp('(é)','g'); test.replace(reg,'&eacute');
2ème question :

Si innerHTML concerne l'AJAX, que dois-je utiliser pour insérer mon formulaire HTML via javascript dans ma page de destination ?

Merci encore et toujours SpaceFrog :mrgreen:
23/04/2008, 14h49
SpaceFrog
je ne sais si pas bien ce que tu veux faire avec ton formulaire ?
il vient d'ou et tu veux le mettre ou ?

sinon pour le replace oui

si tu as plsuieurs trucs à remplacer essaye
Code:

1 2 3 4 TabOut=new Array(new RegExp(/[é]/g),new RegExp(/[è]/g), ...) TabIn=new Array("&ecaute;","è",...) test.replace(TabOut,TabIn);
23/04/2008, 14h58
polothentik

Pour être plus clair, mon formulaire pourrait très bien se trouver dans une page HTML seulement on verrait alors le chargement d'une nouvelle page... ce que je ne souhaite pas !

A chaque sous-menu de mon menu correspond un formulaire qui vient s'afficher dans la partie content de la page. Ce n'est donc pas le cas d'un formualire envoyé en retour serveur mais simplement le cas d'un bout de code HTML que l'on vient charger.

Du coup... est-ce que je procède comme il faut ??
23/04/2008, 15h10
SpaceFrog

que l'on vient charger oui ... mais comment ???
un frame un iframe ...

tu dis un innerHTML ? tu as le code html du form dans une variable javascript ???

:nono:
pour ajouter un form passe plutot par le dom
ou alors chacun des forms dasn un div caché que tu rends visible ...
23/04/2008, 15h15
polothentik

Ok... je suis donc un barbare de la programmation !:cry:

Je vais passer au DOM puisqu'il en est ainsi... :aie: (tu n'aurais pas un lien pour un ptit tutoriel ?)

Cela dit, je n'arrive pas à faire fonctionner ton code avec RegExp !!
23/04/2008, 15h30
Auteur

Citation:

Envoyé par polothentik

Quelqu'un aurait-il une info concernant une fonction "déjà" existante qui permettrait d'encoder les caractères accentués (peut-être dans prototype.js, ou autre) ?

Tu as essayé avec escape (pour encoder les caractères spéciaux) et unescape (pour la procédure inverse) ?

arf en effet en javascript il faut le faire en cascade, seul php accepte cette methode de remplacement d'array ... :(
desolé de la confusion

il faut alors envisager un truc du genre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <script type='text/javascript'> function bar(texte){ reg=new RegExp(/é/g), TabOut=new Array(new RegExp(/[é]/g),new RegExp(/[è]/g),new RegExp(/[à]/g)) TabIn=new Array("&ecaute;","è","à") for (i=0;i<TabOut.length;i++){ texte=texte.replace(TabOut[i],TabIn[i]); } document.getElementById('res').innerHTML=texte } </script></head> <body> <input type='text' id='foo' /> <pre id='res'> </pre> <input type='button' value="go" onclick="bar(document.getElementById('foo').value)" /> </body>
mais curieusement cela ne fonctionne que pour le premier RegExp ????