Les tests de caractères accentués dans du code javascript
Le but de cette page est de vous monter, comment sont interprétés les divers codes d'encodages des caractères accentués par le javascript.
Après avoir vu ces tests, vous pourrez vous faire une idée sur l'encodage que vous utiliserez.
Cette page est en support du Convertisseurde de caractères spéciaux et accentués pour le Html, Js ou Css.
Les valeurs du caractère accentué utilisées pour les tests
Cette page est encodée en UTF-8.
Dans les exemples de code utilisés, les valeurs de l'encodage du caractère accentué ont été remplacées par V*, voici leur descriptif.
| V1 | V2 | V3 | V4 | V5 | V6 |
|---|---|---|---|---|---|
| é encodé en ISO-8859-1 | é encodé en UTF-8 | \u00e9 | é | é | é |
Caractère accentué dans Alert() via une fonction javascript
Les codes d'encodages du caractère accentué "é" sont passés directement à la fonction appelée dans l'attribut onclick d'une balise de la page html :
<span onclick = "alerterAvec('v1 | v2 | v3 | v4 | v5 | v6')" > Cliquez moi </span>
<script> function alerterAvec(str){ alert(str); } </script>
Même principe que le 1er exemple, mais les codes d'encodage du caractère accentué "é" sont mis directement dans la fonction qui est déclrée dans une balise <script>.
<span onclick = "alerterSans()" > Cliquez moi </span>
<script> function alerterSans(){ alert('v1 | v2 | v3 | v4 | v5 | v6'); } </script>
Même principe que le 1er exemple, mais on passe directement à la fonction deux variables de fichiers js externes. La première est issue d'un fichier encodé en UTF-8, la seconde est issue d'un fichier encodé en ISO-8859-1 :
<span onclick = "alerterAvec(sVarUtf+'\n'+sVarIso)" > Cliquez moi </span>
<script> function alerterAvec(str){ alert(str); } </script>
Ecriture direct du caractère accentué en javascript.
Nous utilisons pour écrire le texte la méthode javascript write() mis dans la balise <script>.
<script> document.write('v1 | v2 | v3 | v4 | v5 | v6'); </script>
Nous utilisons pour écrire le texte la méthode javascript write() mis dans la balise <script> à laquelle nous passons la variable issue d'un fichier js externe encodé soit en ISO-8859-1 soit en UTF-8.
<script> document.write(sVariable); </script>
Insertion du caractère accentué en javascript.
Les codes d'encodage du caractère accentué "é" sont passés directement à la fonction qui est appelée dans l'attribut onclick d'une balise de la page html.
<span onclick = "addText('v1 | v2 | v3 | v4 | v5 | v6')" > Cliquez moi </span>
<script>
function addText(iId,sVal){
var obj = document.getElementById('innerhtml-'+iId);
obj.innerHTML = sVal ;
obj = document.getElementById('textcontent-'+iId);
obj.textContent = sVal ;
obj = document.getElementById('innertext-'+iId);
obj.innerText = sVal ;
$('#jqueryhtml-'+iId).html( sVal) ;
$('#jquerytext-'+iId).text( sVal) ;
}
</script>
Même principe que le 1er exemple, mais les codes d'encodage du caractère accentué "é" sont mis dans la fonction qui est déclarée dans une balise <script>.
<span onclick = "addTextSans('iId')" > Cliquez moi </span>
<script> function addTextSans(iId){ addText(iId,'v1 | v2 | v3 | v4 | v5 | v6'); } </script>
Insertion dans un champ de formulaire du caractère accentué en Javascript.
Les codes d'encodage du caractère accentué "é" sont mis directement dans les paramètres de la fonction qui est dans l'attribut onclick.
<span onclick = "setValue('iId','v1 | v2 | v3 | v4 | v5 | v6')" > Cliquez moi </span>
<script> function setValue(iIdNum,sVal){
obj = document.getElementById(iIdNum);
obj.value = sVal;
} </script>
Même principe que le 1er exemple, mais les codes d'encodage du caractère accentué "é" sont mis directement dans les paramètres de la fonction qui est dans la balise <script>.
<span onclick = "setValueSans('iId')" > Cliquez moi </span>
<script> function setValueSans(iIdNum){
setValue('iIdNum','v1 | v2 | v3 | v4 | v5 | v6')
} </script>
