Foreign characters when loading external html code

Question

I have the following javascript, loading my menu on all of my pages

    <script type = "text/javascript">
        $(document).ready(function () {
            $("#menudiv").load("menu.html");
        });
    </script>

I havent included the menu as it is a completely standard list, formatted to look like it does. One of the menu option contains the character "å", how can I make my page display this character correctly?

What does it show now? Have you set the right encoding for the page? — mavrosxristoforos
– mavrosxristoforos, Commented Sep 25, 2013 at 10:09
i use <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> on the page that it is loaded onto. The curious thing is that if i take the menu, and insert the code directly on the page, the "å" shows up correctly. — user1980542
– user1980542, Commented Sep 25, 2013 at 10:11

Aaron Digulla · Accepted Answer · 2013-09-25 10:13:09Z

2

This usually happens when the server doesn't set the encoding of menu.html correctly. Make sure the correct encoding is in the headers. (see this document) Especially, make sure that the Content-Type header is correct and that you have a <meta charset="..."> element in menu.html

The encoding of the existing page doesn't matter at all! Whenever you download something, the browser will look for the encoding of the new data, convert that to Unicode and only then, merge the new data with what it already has.

answered Sep 25, 2013 at 10:13

Aaron Digulla

330k111 gold badges626 silver badges840 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Charaf JRA · Accepted Answer · 2013-09-25 10:15:23Z

0

add this HTML Meta tag in your page:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

Or in HTML5 Way :

<meta charset="iso-8859-1">

answered Sep 25, 2013 at 10:15

Charaf JRA

8,3551 gold badge36 silver badges45 bronze badges

Comments

Mr. Polywhirl · Accepted Answer · 2013-09-25 10:12:54Z

-1

Add the following meta tag to the head of your HTML document:

<meta charset="iso-8859-1">

Use the HTML entity code for displaying this and other ISO characters:

å or å

More information on HTML entities from w3: http://www.w3schools.com/tags/ref_entities.asp

answered Sep 25, 2013 at 10:12

Mr. Polywhirl

49.1k12 gold badges96 silver badges147 bronze badges

2 Comments

user1980542 Over a year ago

Thank you, this worked. Ill mark the answer as correct once i will be allowed to.

Jukka K. Korpela Over a year ago

Using entities is unnecessary when the character encoding issue has been resolved, as it should. w3schools.com should not be cited as reference, or at all, see w3fools.com

Collectives™ on Stack Overflow

Foreign characters when loading external html code

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related