innerHTML qui ne gère pas les accents (à, é,è..)

Version imprimable

Bonjour tout le monde,

Je viens de remarquer que innerHTML ne gérait pas les accents 8O

Je l'ai découvert en affichant du texte sans javascript (AJAX) et avec javascript (AJAX).

Quand je fais un echo en PHP de mon tableau, j'obtiens ceci :

Voir image attachée nommée "okavecAccents.JPG"

Le code PHP est celui-ci (juste pour information) :

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
47
<?php
include('connexion.php');
$sql = "SELECT * FROM messages WHERE Annee = '".$_POST['select_annee']."' ORDER BY ID DESC";
//echo $sql;
$req = mysql_query($sql);
//echo $req; 
include('../index/regreplace.php');
 
while($res = mysql_fetch_array($req))
{
        $res['Corps']=parseur($res['Corps']);
 
        echo '
        <table width="630" border="1" cellspacing="8" cellpadding="4" align="center">
                <tr>
                                <td height="39" colspan="4" id="td_annee" align="center"><strong>Année</strong>                                
                                : '.$res['Annee'].' </td>
                </tr>
                <tr>
                        <td width="106"><strong>Avis N&deg; :</strong>'. $res["ID"].'                           </td>
    
                        <td width="193"><strong>Date :</strong> '.date(d.'/'.m.'/'.Y).'                         </td>
                    <td width="267"><strong>Expire le :</strong></td>
                </tr>
          <tr>
                                <td height="39" colspan="4" align="center"><strong>'.$res['Titre'].'</strong>                           </td>
          </tr>
                <tr>
                        <td height="214" id="Corps" colspan="4" valign="top"> '.$res['Corps'].'
                                
                                </td>
                </tr>
                <tr>
                        <td height="39" colspan="4"><strong>Auteur : </strong>  '.$res['Auteur'].'                      </td>
                </tr>
                <tr>
                        <td colspan="4"><strong>Lien :</strong>                         </td>
                </tr>
                <tr>
                        <td colspan="4" align="center"><strong>Pi&egrave;ce jointe </strong>                            </td>
                </tr>
        </table>
        </br>
        </br>
';
}
?>

Je vous laisse le printscreen de l'alerte du innerHTML et vous verrez que les accents ne sont pas pris en compte, avec le même code PHP pourtant :

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
47
<?php
include('connexion.php');
$sql = "SELECT * FROM messages WHERE Annee = '".$_POST['select_annee']."' ORDER BY ID DESC";
//echo $sql;
$req = mysql_query($sql);
//echo $req; 
include('../index/regreplace.php');
 
while($res = mysql_fetch_array($req))
{
        $res['Corps']=parseur($res['Corps']);
 
        echo '
        <table width="630" border="1" cellspacing="8" cellpadding="4" align="center">
                <tr>
                                <td height="39" colspan="4" id="td_annee" align="center"><strong>Année</strong>                                
                                : '.$res['Annee'].' </td>
                </tr>
                <tr>
                        <td width="106"><strong>Avis N&deg; :</strong>'. $res["ID"].'                           </td>
    
                        <td width="193"><strong>Date :</strong> '.date(d.'/'.m.'/'.Y).'                         </td>
                    <td width="267"><strong>Expire le :</strong></td>
                </tr>
          <tr>
                                <td height="39" colspan="4" align="center"><strong>'.$res['Titre'].'</strong>                           </td>
          </tr>
                <tr>
                        <td height="214" id="Corps" colspan="4" valign="top"> '.$res['Corps'].'
                                
                                </td>
                </tr>
                <tr>
                        <td height="39" colspan="4"><strong>Auteur : </strong>  '.$res['Auteur'].'                      </td>
                </tr>
                <tr>
                        <td colspan="4"><strong>Lien :</strong>                         </td>
                </tr>
                <tr>
                        <td colspan="4" align="center"><strong>Pi&egrave;ce jointe </strong>                            </td>
                </tr>
        </table>
        </br>
        </br>
';
}
?>

Qu'en pensez-vous ?

Merci d'avance pour l'aide.

beegees

12/04/2009, 18h00
k1rby
Alors, là je t'avoue que je ne comprends pas du tout ton problème 8O

Si l'encodage des tes pages est bonnes, voir que tu fais tout avec des &eacutes; ou autres, il ne devrait pas y avoir de problème.

Par contre que le alert() de JavaScript affiche mal les accents est normal. Les accents en JavaScript ne se gèrent pas de la même manière. Par exemple :
- é : \351
- é : \351
- è : \350
- ê : \352
- à : \340
Voir la deuxième colonne de ce tableau pour les autres accents.
12/04/2009, 18h06
beegees
Citation:
Envoyé par k1rby

Alors, là je t'avoue que je ne comprends pas du tout ton problème 8O

Si l'encodage des tes pages est bonnes, voir que tu fais tout avec des &eacutes; ou autres, il ne devrait pas y avoir de problème.

Par contre que le alert() de JavaScript affiche mal les accents est normal. Les accents en JavaScript ne se gèrent pas de la même manière. Par exemple :

é : \351
é : \351
è : \350
ê : \352
à : \340

Voir la deuxième colonne de ce tableau pour les autres accents.
Salut,

Merci pour ta réponse.

J'utilise AJAX.

Ce que j'affiche, c'est du texte javascript dans du innerHTML.

Citation:

Par contre que le alert() de JavaScript affiche mal les accents est normal. Les accents en JavaScript ne se gèrent pas de la même manière.

Ce qui explique donc mon problème.

Tu crois qu'il y a moyen en javascript de remplacer les caractères accentuées par les \x.. ?

Merci encore pour ton aide.

beegees
12/04/2009, 18h30
k1rby

On pourrait avoir la fonction AJAX que tu utilises ? Ça aiderai, pasque là, je visualise pas trop le problème (là où se trouve le innerHTML par exemple :))
12/04/2009, 18h37
beegees

Citation:

Envoyé par k1rby

On pourrait avoir la fonction AJAX que tu utilises ? Ça aiderai, pasque là, je visualise pas trop le problème (là où se trouve le innerHTML par exemple :))

Salut,

Je viens de trouver une solution :yaisse2:

Je passe mes chaines par htmlentities avant de les enregistrer dans la bd.

et ça marche nikel.

Merci pour l'aide.

beegees
12/04/2009, 18h41
k1rby

Euuuh, ben avec plaisir :aie:
12/04/2009, 19h40
SpaceFrog

un simple header php utf-8 aurait suffit éventuelement un utf-8 encode
12/04/2009, 22h21
Amallric

Tu pourrais en dire un peu plus SpaceFrog? J'ai le même problème avec ma fonction AJAX, des "?" à la place des accents s'affichent dans le corps du document(FireBug affiche correctement la réponse à la requête...). J'ai bel et bien un header "charset=utf-8" dans ma page PHP mais ça n'a pas l'air de changer grand chose.