Encodage Accents JQuery help Fermé

Question

Bonjour, 

Je charge dynamiquement un div avec le contenu d'un fichier .html, mais les accents ne s'affichent pas et je ne recupere que des signes cabilistiques

j'ai essaye :


1. $("#content").load('html/'+pageId+'.html');

2. 
	$.ajax( {
		   
            type: "GET",
            url: 'html/'+pageId+'.html',
            dataType: "html",
            success: function(htmlData){$("#content").html(htmlData);}
		   });


3. $.get('html/'+pageId+'.html', function(htmlData){
        $("#content").html(htmlData);
    });

je desespere aidez moi svp 

merci d'avance

Configuration: Windows 7 / Opera 9.80

Laugarhraun · Answer

L'encodage déclaré comme réel des deux fichiers (celui contenant le javascript et celui chargé) est-il bien le même ?

crazyghandi · Answer

eh bien le div id=content se trouve dans mon index.html dont l'encodage est bien spécifié (si je mets des accents dedans pas de soucis ) mais mes .html a charger dans le div ne contiennent que du texte et quelques balises exemple de accueil.html :

Bienvenue sur le site du Studio NIBIRU.

Situé à Saint-Germain-en-Laye, le studio, equipé d'une SSL Axiom 96 voies et
d'un backline haut de gamme, répond aux attentes des professionnels comme des particuliers.

2 Regies, 1 salle de prise de 20m2, un salon/cuisine.
Le studio est spécialisé en musique, (disques, dvds live, habillages sonores).
Possibilité de prises live pour de petites sections.
Possibilité de lockout.
Recall de n'importe quelle session en moins d'une minute
(passez du mix d'un morceau à l'autre facilement).

et le lien du menu dans index.html:

ACCUEIL

et la fonction jquery : function loadPage(pageId) { var htmlData = ""; $.ajax( { type: "GET", url: 'html/'+pageId+'.html', dataType: "html", success: function(htmlData){$("#content").html("

" + htmlData + "

");} }); } merci pour ton aide

Laugarhraun · Answer

Ce n'est pas parce que les accents s'affichent bien que l'encodage est bon pour autant. Et comme c'est un problème d'encodage, autant chercher par là. 

Donc peux tu vérifier l'encodage des tes fichiers (avec Notepad++, par exemple) ? Et l'encodage détecté par les navigateurs ? Est-ce bien quatre fois le même ? 

Et est-ce de l'iso-8859-15 ou de l'UTF-8 ? Mieux vaut utiliser le second, employé par défaut par jQuery.

crazyghandi · Answer

Studio Nibiru je pensais que utf-8 ne prendrais pas les accents sous notepad++ j'ai encode en ANSI sous FF ça a l'air d'etre du ANSI aussi comment en etre sur ? j'en profite pour poser une autre petite question : j'ai une police spécifique et j'aimerai la fournir au client au cas ou il ne l'aurait pas est ce possible ? encore merci

crazyghandi · Answer

eh bien en effet j'etai persuade que utf-8 etait insuffisant pour les accents mais 
si je prend le .html sous np++ 
et que je le convertit en utf-8 
et que je specifie utf-8 dans le head de index.html

plus de probleme

je suis toujours interesse par le pb de la police

merci

Laugarhraun · Answer

Oulah... ANSI, ISO-8859-1 et UTF-8 sont différents, ne pas tout mélanger. Il faut que l'encodage soit le même partout, et tant qu'à faire en UTF-8. Essaie de tout convertir en UTF-8 (tous tes fichiers, et toujours déclarer cet encodage).

Quand je te lis, j'ai l'impression que tout ça est loin d'être clair ("utf-8 était insuffisant pour les accents). Rapidement, ANSI < ISO-8859-1 < UTF-8. Enfin de telles inégalités ne veulent rien dire.
Si tu as 20 minutes, je t'incite très fortement à lire cet article : https://www.joelonsoftware.com/2003/10/08/the-absolute-minimum-every-software-developer-absolutely-positively-must-know-about-unicode-and-character-sets-no-excuses/ qui explique ce qu'est un encodage, et la différence entre ceux sus-mentionnés.

Pour la police personnalisée, oui c'est possible. Des outils puissants sont peuvent aider à faire en sorte que ça fonctionne sur tous les navigateurs supportant les CSS (même IE6 !). Voici quelques liens :
https://www.fontsquirrel.com/tools/webfont-generator (si la police est sur ton ordinateur)
http://code.google.com/intl/fr/apis/webfonts/docs/getting_started.html (plusieurs pages expliquant comment faire et donnant le code, très bien fait)

Encodage Accents JQuery help

6 réponses

Discussions similaires