Comment une fonction javascript peut-elle mettre des accents dans un label?

**jack-ft** · 15/02/2012, 00h35

Bonjour à tous.

J'ai cherché comment modifier le contenu d'un label avec javascript.
J'ai trouvé plusieurs avis contradictoires (modifier le champ "value" ou "textContent" ou "innerHTML").
Lequel est le plus portable?

Je fais mes essais avec Safari ou FireFox 10.0 sous Mac OS X 10.6.8
La modification du champ "value" ne produit rien.

La modification du champ "textContent" fonctionne pour des chaines simples, mais une chaine comme "été" s'affiche telle quelle.

La modification du champ "innerHTML" affiche effectivement "été", mais j'ai vu des articles conseillant de se méfier de "innerHTML".

Que me conseillez-vous?

Merci de vos avis éclairés

)jack(

**Rachel** · 15/02/2012, 08h30

bonjour

essaye tout d'abord de mettre ceci dans ta balise <head> : <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
tu pourras écrire 'é' et pas 'é'

**jack-ft** · 15/02/2012, 10h11

Envoyé par rotrevrep

bonjour

essaye tout d'abord de mettre ceci dans ta balise <head> : <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
tu pourras écrire 'é' et pas 'é'

D'abord, merci d'avoir répondu!
Si c'était si simple...
En fait, je n'ai pas "écrit" moi-même les données. Elles proviennent d'un fichier Word qui m'a été fourni et qui, le cas échéant, peut évoluer, voire être remplacé par un autre pour générer une autre page. Je souhaite donc un maximum d'automatisme pour l'évolutivité de la page en fonction des données.

Et je n'ai pas trouvé de méthode simple et fiable me permettant d'avoir les "bons" caractères accentués et les bons retours à la ligne. En fait, j'ai du mal à bien comprendre le principe d'encodage (surtout qu'il est en partie automatique (et obscure) sous emacs) et je n'ai vraiment confiance qu'en l'ASCII, d'où mon choix de convertir les données.

Pour la petite histoire, j'ai écrit un script (en ksh) qui prend en entrée un fichier de description des caractères accentués et qui génère un script de conversion (en perl), lequel prend en entrée un fichier texte et génère un fichier JavaScript contenant les appels aux constructeurs de mes classes pour générer les données (avec accents au format html).

Lorsque je reçois une nouvelle version du fichier Word, je l'ouvre avec une vieille version de Word sous Mac OS X, je l'enregistre au format "texte (MS-DOS)" (expérimentalement, c'est ce que j'ai trouvé de moins pire(!)), puis je le donne à mon convertisseur qui génère le fichier JavaScript correspondant qui va contenir diverses lignes du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(jd_add_cat "C&eacute;l&eacute;bration");

De cette manière, j'espère avoir une bonne portabilité.

Et ma question est et reste donc: quelle est la meilleure manière d'afficher cette chaîne?

Question subsidiaire: en faisant des essais, je me suis aperçu que je n'avais pas nécessairement besoin d'un label pour afficher une chaîne de caractères dans une page html. Je peux le faire avec un simple "<p>" ou un "<h1>" pourvu qu'il soit identifiable. Par exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
partie HTML:
<p id="mon_titre"></p>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
partie JavaScript (appelée par clic sur un bouton):
document.getElementById("mon_titre").innerHTML = jd_get_data(); // "C&eacute;l&eacute;bration"

Tout cela est-il correct?
Comme je suis tout débutant (depuis un mois) en JavaScript, j'aimerais avoir l'avis des experts sur la question.
Merci d'avance
)jack(
PS: pour ceux que ça intéresse, le fichier qui me sert d'entrée au générateur du convertisseur a été écrit (avec emacs) avec des lignes contenant, par exemple: "é é", puis copié/collé dans Word (où il apparaît correctement (au passage, merci pour l'interopérabilité Aquamacs/Word sous Mac OS X)), puis je sauve le fichier au même format que le fichier de données (texte (MS-DOS)). Lorsque je regarde son contenu, que ce soit dans le terminal (avec cat ou od), dans vi ou dans emacs, je vois que les caractères accentués ont été remplacés (je crois me souvenir, par exemple, que le "é" est transformé en C-cédille majuscule), ce que je retrouve texto dans le convertisseur perl généré (qui contient des lignes du genre "remplacer C-cédille majuscule par 'é'"), mais, comme c'est le même codage que le fichier de données, le convertisseur fonctionne parfaitement (j'ai juste eu un petit problème avec le '&oelig;' et le '&Agrave' (qui sont tous deux convertis en '_') que j'ai pu résoudre avec une petite astuce contextuelle.

**sekaijin** · 19/02/2012, 17h24

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<label id="test"></label>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('test'). textContent="été"

c'est on ne peut plus simple il me semble
A+JYT

Comment une fonction javascript peut-elle mettre des accents dans un label?

JavaScript

Discussions similaires

Partager

Partager