[AJAX] Encore les accents et Ajax

**bigbang84** · 04/05/2011, 21h09

N.B: mon premier post ici même si je suis membre depuis 2003

Bonjour tout le monde

Bon j'ai fait ma recherche dans ce forum et sur google et j'ai essayé les solutions qu'on me donne et cela ne résoud pas mon problème.

À ce que je vois le le problème des accents et Ajax semble être un classique.
Avec IE 6, 7, 8 ,.. les caractères accentués sont remplacés par un carré et avec Firefox et autres par "?".

Donc j'ai un fichier en html et je vais chercher le contenu d'un autre fichier html

Si je rajoute :
//xmlhttp.overrideMimeType('text/html; charset=ISO-8859-15');
cela règle le problème pour Firefox mais pas pour IE ...

Voilà dans le head d'un fichier html j'ai mon script

Code :

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

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
 <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />	 
<script type="text/javascript">
function loadMonIntro()
                 {
                     var xmlhttp;
                     if (window.XMLHttpRequest)
                     {// code pour IE7+, Firefox, Chrome, Opera, Safari
                         xmlhttp=new XMLHttpRequest();
                     }
                     else
                     {// code pour IE6, IE5
                         xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                     }
 
                     xmlhttp.onreadystatechange=function()
                     {
                         if (xmlhttp.readyState==4 && xmlhttp.status==200)
                         {
                             document.getElementById  ("myDiv").innerHTML=xmlhttp.responseText;
                         }
                     }
 
					 //  GET et POST fonctionne
                     xmlhttp.open("GET","monStyleVer1/ajax/ajax_intro.html",true);
 
 
                   xmlhttp.send();
                 }
 </script>

Merci d'avance pour tout aide

**RomainVALERI** · 05/05/2011, 11h21

As-tu envisagé (peut-être que oui) de passer à l'UTF-8 ? (sans manquer aucune étape, d'ailleurs

)

**bigbang84** · 05/05/2011, 18h42

Envoyé par RomainVALERI

As-tu envisagé (peut-être que oui) de passer à l'UTF-8 ? (sans manquer aucune étape, d'ailleurs

)

Bonjour Romain

Merci
J'avais lu ce tuto mais ce n'est pas la solution pour moi ... car je veux seulement utiliser Ajax pour une page du site ( une page html qui appelle des contenus dans d'autres pages html simple) ..de la façon que j'ai mentionné .... car le reste du site est en php Xthml, css mysql ... Donc il n'y a pas lieu d'appliquer les recommandations du tuto pour tout le site web...
Alors c'est pourquoi je cherche une solution uniquement pour cette page là ....

N.B.: évidemment vous voyez que j'en suis à mes premières armes en Ajax ...

Merci d'avance pour votre aide
Bye

**sekaijin** · 05/05/2011, 20h47

Bonjour
Nativement XMLHttpRequest s'attend à recevoir de l'UTF8

il ne s'agit donc pas de passer la page qui fait l'appel en UTF-8
Mais le contenu de ce qui est chargé par XMLHttRequest

**andry.aime** · 06/05/2011, 08h43

Bonjour,

Envoyé par bigbang84

Si je rajoute :
//xmlhttp.overrideMimeType('text/html; charset=ISO-8859-15');
cela règle le problème pour Firefox mais pas pour IE ...

Envoyé par bigbang84

Ton fichier est vraiment encodé en iso-8859-15 ou iso-8859-1?

A+.

**bigbang84** · 06/05/2011, 18h40

Envoyé par sekaijin

Bonjour
Nativement XMLHttpRequest s'attend à recevoir de l'UTF8

il ne s'agit donc pas de passer la page qui fait l'appel en UTF-8
Mais le contenu de ce qui est chargé par XMLHttRequest

Bonjour sekaijin,
Si je te comprends bien alors je l'ai fait aussi et cela ne règle pas le problème.
Ce que j'ai compris de ce que tu me dis est que la page appelante , je la laisse en iso-8859-1 ( c'est comme tous le reste du site de ma couche présentation d'ailleurs) .... et ma page appellée ( celle qui a le contenu) je la met en UTF-8 .... Mais cela ne règle rien si c'est ça que tu veux dire !

Envoyé par andry.aime

Bonjour,

Ton fichier est vraiment encodé en iso-8859-15 ou iso-8859-1?

A+.

Bonjour Andry,
C'est comme j'ai écrit : iso-8859-1?

En vous remerciant d'avance pour tout aide

**RomainVALERI** · 07/05/2011, 00h26

Envoyé par bigbang84

C'est comme j'ai écrit : iso-8859-1?

Envoyé par bigbang84

//xmlhttp.overrideMimeType('text/html; charset=ISO-8859-15');

( « Mais de quoi i s'mèle, çui-là ? »

)

**bigbang84** · 07/05/2011, 16h44

Envoyé par RomainVALERI

( « Mais de quoi i s'mèle, çui-là ? »

)

Honte à moi!...

Bon je réédite .. ca fonctionne pas avec internet explorer .. J'ai crié victoire trop vite

**sekaijin** · 07/05/2011, 20h00

Envoyé par bigbang84

Bonjour sekaijin,
Si je te comprends bien alors je l'ai fait aussi et cela ne règle pas le problème.
Ce que j'ai compris de ce que tu me dis est que la page appelante , je la laisse en iso-8859-1 ( c'est comme tous le reste du site de ma couche présentation d'ailleurs) .... et ma page appellée ( celle qui a le contenu) je la met en UTF-8 ....

Sorry je n'avais pas lu la totalité de ton post.
Tu as titré ajax est cela m'a induit en erreur.
en fait tu fais un appel XMLHttpRequest pour obtenir un fragment HTML.

donc là deux solution.
soit tout est homogène toutes tes pages et tes fragments on le même encoding.
tu peux alors utiliser le frangment tel quel

Code :

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

document.getElementById ("myDiv").innerHTML=xmlhttp.responseText

soit tout n'est pas homogène. tes fragments n'ont pas tous le même encoding.
tu peux alors produire des fragments XML avec l'encoding de ton choix

Code xml :

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

1
2
3
4
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <!-- ici ton code html -->
</fragment>

le nom de la balise XML est au choix. tu peux alors utiliser les capacité XML de XMLHttpRequest (qui a été conçu pour ça.) tu récupère alors le DOM directement

Code :

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

1
2
3
getElementById('myDiv').appendChild(
  xmlhttp.responseXML.firstChild.firstChild
);

si ton fragment contient plusieurs balises

Code :

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

1
2
3
4
5
var racine = xmlhttp.responseXML.firstChild; 
var div = getElementById ('myDiv');
for(var i = 0; i< racine.childNodes.length; i++){ 
  div.appendChild(racine.childNodes[i]);
}

en clair tu laisse ton navigateur créer le DOM en fonction de l'encoding du fragment
ensuite tu déplace les éléments du DOM qui t'intéresse dans le DOM de ta page.
les deux étant des éléments dans le format interne à ton navigateur il ne s'agit pas de string mais d'objet il n'y a donc pas d'encoding.

si tu tien ou que tu as vraiment besoin de récupérer le code source html tu peux
faire ainsi

Code :

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

xmlhttp.responseXML.firstChild.innerHTML

je n'en vois pas l'intérêt.

une dernière précision
un fragment XML doit être conforme XML donc les balise type img doivent être fermées

Code html :

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

<img src='mon_image.gif' />

c'est aussi la raison de la présence d'une balise XML englobante (fragment ci-dessus)

Code html :

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

1
2
<img src='mon_image.gif' />
<a href='page.html'>un lien</a>

ce code n'est pas conforme XML (même pas HTML) la raison est qu'un document XML (HTML) ne doit avoir qu'une seul balise racine (la balise html pour HTML) et un fragment est un document.
on ajoute donc une balise juste pour englober le fragment.

Code xml :

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

1
2
3
4
5
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <img src='mon_image.gif' />
  <a href='page.html'>un lien</a>
<fragment>

A+JYT

**bigbang84** · 08/05/2011, 15h26

Envoyé par sekaijin

Sorry je n'avais pas lu la totalité de ton post.
Tu as titré ajax est cela m'a induit en erreur.
en fait tu fais un appel XMLHttpRequest pour obtenir un fragment HTML.

donc là deux solution.
soit tout est homogène toutes tes pages et tes fragments on le même encoding.
tu peux alors utiliser le frangment tel quel

Code :

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

document.getElementById ("myDiv").innerHTML=xmlhttp.responseText

soit tout n'est pas homogène. tes fragments n'ont pas tous le même encoding.
tu peux alors produire des fragments XML avec l'encoding de ton choix

Code xml :

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

1
2
3
4
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <!-- ici ton code html -->
</fragment>

le nom de la balise XML est au choix. tu peux alors utiliser les capacité XML de XMLHttpRequest (qui a été conçu pour ça.) tu récupère alors le DOM directement

Code :

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

1
2
3
getElementById('myDiv').appendChild(
  xmlhttp.responseXML.firstChild.firstChild
);

si ton fragment contient plusieurs balises

Code :

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

1
2
3
4
5
var racine = xmlhttp.responseXML.firstChild; 
var div = getElementById ('myDiv');
for(var i = 0; i< racine.childNodes.length; i++){ 
  div.appendChild(racine.childNodes[i]);
}

en clair tu laisse ton navigateur créer le DOM en fonction de l'encoding du fragment
ensuite tu déplace les éléments du DOM qui t'intéresse dans le DOM de ta page.
les deux étant des éléments dans le format interne à ton navigateur il ne s'agit pas de string mais d'objet il n'y a donc pas d'encoding.

si tu tien ou que tu as vraiment besoin de récupérer le code source html tu peux
faire ainsi

Code :

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

xmlhttp.responseXML.firstChild.innerHTML

je n'en vois pas l'intérêt.

une dernière précision
un fragment XML doit être conforme XML donc les balise type img doivent être fermées

Code html :

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

<img src='mon_image.gif' />

c'est aussi la raison de la présence d'une balise XML englobante (fragment ci-dessus)

Code html :

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

1
2
<img src='mon_image.gif' />
<a href='page.html'>un lien</a>

ce code n'est pas conforme XML (même pas HTML) la raison est qu'un document XML (HTML) ne doit avoir qu'une seul balise racine (la balise html pour HTML) et un fragment est un document.
on ajoute donc une balise juste pour englober le fragment.

Code xml :

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

1
2
3
4
5
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <img src='mon_image.gif' />
  <a href='page.html'>un lien</a>
<fragment>

A+JYT

Bon je réédite .. ca ne fonctionne pas avec internet explorer de mettre .. J'ai crié victoire trop vite ...

Ça fonctionne pas avec internet explore xmlhttp.overrideMimeType('text/html; charset=ISO-8859-1');

Pour SeKAIJIN :

je te reviens plus tard avec ma réponse ...

Merci

**bigbang84** · 08/05/2011, 17h12

Envoyé par sekaijin

Sorry je n'avais pas lu la totalité de ton post.
Tu as titré ajax est cela m'a induit en erreur.
en fait tu fais un appel XMLHttpRequest pour obtenir un fragment HTML.

donc là deux solution.
soit tout est homogène toutes tes pages et tes fragments on le même encoding.
tu peux alors utiliser le frangment tel quel

Code :

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

document.getElementById ("myDiv").innerHTML=xmlhttp.responseText

soit tout n'est pas homogène. tes fragments n'ont pas tous le même encoding.
tu peux alors produire des fragments XML avec l'encoding de ton choix

Code xml :

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

1
2
3
4
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <!-- ici ton code html -->
</fragment>

le nom de la balise XML est au choix. tu peux alors utiliser les capacité XML de XMLHttpRequest (qui a été conçu pour ça.) tu récupère alors le DOM directement

Code :

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

1
2
3
getElementById('myDiv').appendChild(
  xmlhttp.responseXML.firstChild.firstChild
);

si ton fragment contient plusieurs balises

Code :

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

1
2
3
4
5
var racine = xmlhttp.responseXML.firstChild; 
var div = getElementById ('myDiv');
for(var i = 0; i< racine.childNodes.length; i++){ 
  div.appendChild(racine.childNodes[i]);
}

en clair tu laisse ton navigateur créer le DOM en fonction de l'encoding du fragment
ensuite tu déplace les éléments du DOM qui t'intéresse dans le DOM de ta page.
les deux étant des éléments dans le format interne à ton navigateur il ne s'agit pas de string mais d'objet il n'y a donc pas d'encoding.

si tu tien ou que tu as vraiment besoin de récupérer le code source html tu peux
faire ainsi

Code :

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

xmlhttp.responseXML.firstChild.innerHTML

je n'en vois pas l'intérêt.

une dernière précision
un fragment XML doit être conforme XML donc les balise type img doivent être fermées

Code html :

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

<img src='mon_image.gif' />

c'est aussi la raison de la présence d'une balise XML englobante (fragment ci-dessus)

Code html :

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

1
2
<img src='mon_image.gif' />
<a href='page.html'>un lien</a>

ce code n'est pas conforme XML (même pas HTML) la raison est qu'un document XML (HTML) ne doit avoir qu'une seul balise racine (la balise html pour HTML) et un fragment est un document.
on ajoute donc une balise juste pour englober le fragment.

Code xml :

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

1
2
3
4
5
<?xml version="1.0" encoding="iso-8859-1"?>
<fragment>
  <img src='mon_image.gif' />
  <a href='page.html'>un lien</a>
<fragment>

A+JYT

Bonjour sekaijin

Avant de répondre à ta réponse concernant le sujet de ce post , je dois dire là tu me mêles en semblant me dire que ce n'est pas de l'Ajax mon code.

Envoyé par sekaijin

"Tu as titré ajax est cela m'a induit en erreur.
en fait tu fais un appel XMLHttpRequest pour obtenir un fragment HTML."

Étant complètement néophyte en Ajax , j'ai simplement utiliser le cours Ajax trouvé sur ce mini cours en ligne d'Ajax ....

http://www.w3schools.com/ajax/default.asp

ET les tutos sur le site developpez.net..

Et Ajax utilise du DOm bien sûr.....

Ai je mal compris ta remarque que je cite ?

Merci de m'éclairer

**sekaijin** · 08/05/2011, 20h29

Ajax signifie
Asynchronous Javascript and XML
il ne s'agit donc pas à priori de source HTML qu'on récupère avec XHR

Souvent l'Achronyme AJAX est dévoyé pour traiter de l'échange de donnée entre le serveur et le client que ce soit en XML ou en JSON

c'est vrais que plus largement AJAX est aussi employé pour les échange XHR quels qu'ils soient.

dans ma tête en lisant partiellement le post initial j'étais resté sur AJAX dans sa définition initiale.

je dois dire qu'aujourd'hui AJAX ne signifie pas grand chose si ce n'est l'utilisation de XHR.
mais il semble que cette définition d'AJAX soit généralement acceptée.

on aurait pu clarifier les chose avec par exemple
AJAX Asynchronous Javascript And XML
AJAJ Asynchronous Javascript And JSON
AJAH Asynchronous Javascript And HTML

Aujourd'hui le terme englobe les trois sans distinction.
pour le premier le parser XML -> DOM inclus dans XMLHttpRequest supporte tous les encodage des fragment XML quelque soit l'encodage de la page hôte.
pour le second le moteur javascript est UTF-8 nativement il convient donc de lui fournir un source JSON en utf-8
quant au troisième cas sui consiste à véhiculer du code source html dans du texte il est sujet à des pb de cohérence d'encodage.

Je fais simplement cette petit remarque sur AJAx en début de mon deuxième post pour expliquer que n'ayant pas tout lu (Mea culpa) je pensais qu'il s'agissait du 1er ou 2eme cas mais je n'avais pas compris qu'on était dans le troisième. ce qui expliquait mon affirmation du post précédent.

A+JYT

**bigbang84** · 09/05/2011, 22h38

Envoyé par sekaijin

Ajax signifie
Asynchronous Javascript and XML
il ne s'agit donc pas à priori de source HTML qu'on récupère avec XHR

Souvent l'Achronyme AJAX est dévoyé pour traiter de l'échange de donnée entre le serveur et le client que ce soit en XML ou en JSON

c'est vrais que plus largement AJAX est aussi employé pour les échange XHR quels qu'ils soient.

dans ma tête en lisant partiellement le post initial j'étais resté sur AJAX dans sa définition initiale.

je dois dire qu'aujourd'hui AJAX ne signifie pas grand chose si ce n'est l'utilisation de XHR.
mais il semble que cette définition d'AJAX soit généralement acceptée.

on aurait pu clarifier les chose avec par exemple
AJAX Asynchronous Javascript And XML
AJAJ Asynchronous Javascript And JSON
AJAH Asynchronous Javascript And HTML

Aujourd'hui le terme englobe les trois sans distinction.
pour le premier le parser XML -> DOM inclus dans XMLHttpRequest supporte tous les encodage des fragment XML quelque soit l'encodage de la page hôte.
pour le second le moteur javascript est UTF-8 nativement il convient donc de lui fournir un source JSON en utf-8
quant au troisième cas sui consiste à véhiculer du code source html dans du texte il est sujet à des pb de cohérence d'encodage.

Je fais simplement cette petit remarque sur AJAx en début de mon deuxième post pour expliquer que n'ayant pas tout lu (Mea culpa) je pensais qu'il s'agissait du 1er ou 2eme cas mais je n'avais pas compris qu'on était dans le troisième. ce qui expliquait mon affirmation du post précédent.

A+JYT

Bonjour sekaijin

Merci pour tes éclaircissements.

Effectivement c'est pour le troisième cas ( code source HTML) mon sujet de ce post.

Tu indiques que :

"au troisième cas sui consiste à véhiculer du code source html dans du texte il est sujet à des pb de cohérence d'encodage".

Questions
1) est ce un problème de codage irrésolvable?
2) sinon quelle est la solution à ce problème dans le contexte de mon premier message ci haut ?

N.B.:
Évidemment si je mets cela :
xmlhttp.overrideMimeType('text/html; charset=ISO-8859-1'); le problème est résolu pour Firefox, safari, google chrome .... Mais mon problème demeure pour internet explorer ...

En te remerciant d'avance si tu as une solution ..

Sinon les autres qui me lisent si vous avez une solution , ce serait hyper apprécié.
Merci

**sekaijin** · 10/05/2011, 09h43

la solution que je te proposais
faire des fragment xml et utiliser le DOM

A+JYT

**bigbang84** · 11/05/2011, 01h29

Envoyé par sekaijin

la solution que je te proposais
faire des fragment xml et utiliser le DOM

A+JYT

Merci sekaijin,

Bon s'il n'existe pas d'autres solutions, il faudra bien que je me résoudre à le faire ainsi.
Pourtant ... j'ai vraiment l'impression qu'il doit bien exister une autre façon que passer par de fragments XML....

Merci
À suivre....

**andry.aime** · 11/05/2011, 02h20

Envoyé par bigbang84

Merci sekaijin,

Bon s'il n'existe pas d'autres solutions, il faudra bien que je me résoudre à le faire ainsi.
Pourtant ... j'ai vraiment l'impression qu'il doit bien exister une autre façon que passer par de fragments XML....

Merci
À suivre....

Envoyé par RomainVALERI

As-tu envisagé (peut-être que oui) de passer à l'UTF-8 ? (sans manquer aucune étape, d'ailleurs

)

**sekaijin** · 11/05/2011, 15h06

oui l'autre solution est d'avoir un site homogène (tout avec le même encodage)

**bigbang84** · 11/05/2011, 20h30

Bonjour Andry et sekaijin

Oui je sais comme indiqué dans mes premiers messages mais je voulais justement évité cela et me limiter à une section du site seulement pour l'ajax pour l'usage que je veux en faire..

S'il y a de quoi je vous reviens sur ce sujet ...

Merci pour tout

**Akazed** · 16/05/2011, 12h17

J'ai eu un problème de codage également : par exemple, les é transmis par le formulaire étaient enregistrés en Ãc dans ma base. Mon site est en iso-8859-1.

J'ai résolu le pb en traitant mes chaînes avec utf8_decode ( string $data ) avant de les enregistrer dans ma base.

Peut-être que cela pourra t'aider !

**RomainVALERI** · 16/05/2011, 12h23

Envoyé par Akazed

J'ai eu un problème de d'encodage également ...

[AJAX] Encore les accents et Ajax

AJAX

Discussions similaires

Partager

Partager