jQuery multiple language script

Question

Found this script on JSFiddle that would switch between languages. The problem is. When I type in the text with   it displays the breaks.

How can I get it to actually break the text?

Also, how can I get it to choose a default language? So every time you reload the page it will be that language that is selected. Otherwise, nothing is displayed until you select the language manually.

Also, I would highly appreciate it, if you can recommend other such scripts that are better then this one.

function getLanguageResources(){
    var fr = new Array(); var en = new Array();

    fr['settings'] = "paramètres"; en['settings'] = "settings";
    fr['default_feed'] = "Flux par défaut"; en['default_feed'] = "Default feed";
    fr['hidden'] = "Masquer"; en['hidden'] = " Hidden";
    fr['save_settings'] = "Enregistrer les paramètres"; en['save_settings'] = "Save settings";

    var resources = new Array();
    resources['fr'] = fr;
    resources['en'] = en;

    return resources;
}

function changeLanguage(lang){
    var langResources = getLanguageResources()[lang];

    $("span[name='lbl']").each(function(i, elt){
        $(elt).text(langResources[$(elt).attr("caption")]);
    });    
}

$(document).ready(function() {
    $("input[name='radio-language']").click(function(){
        changeLanguage($(this).val());
    });
});

Thanks.

To break the text, you need to apply the string as HTML instead of text, so in changeLanguage() you need to do .html() instead of .text(). To set a default language, set the checked attribute on the appropriate input element. — univerio
– univerio, Commented Jun 13, 2014 at 0:50
Why are you using new Array() when your variables contain objects? Arrays have numeric index, objects have string keys. — Barmar
– Barmar, Commented Jun 13, 2014 at 0:52
Also, your code would be easier to read if you used object literals instead of setting each property separately. — Barmar
– Barmar, Commented Jun 13, 2014 at 0:52
@Barmar I didn't write the code. Please write your suggestion in the answers section. — Nikk
– Nikk, Commented Jun 13, 2014 at 0:54
@univerio I added checked. The radio appears checked. But doesn't actually apply the value. How can I solve this? — Nikk
– Nikk, Commented Jun 13, 2014 at 0:57

univerio · Accepted Answer · 2014-06-13 01:35:20Z

1

To break the text, apply your string as HTML instead of text:

$(elt).html(langResources[$(elt).attr("caption")]);

To set a default language, set the checked attribute on the appropriate radio button and simulate a click event in your $(document).ready callback:

$("#radioEnglish").attr("checked", true).trigger("click");

answered Jun 13, 2014 at 1:35

univerio

20.7k3 gold badges73 silver badges73 bronze badges

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

10 Comments

Nikk Over a year ago

Thank you that worked... One more thing. I tried adding span with class en['sat'] = "from 8:00am — to 7:00pm"; and got an error. How can I fix that?

univerio Over a year ago

@Boris You need to escape your quotes inside your string. Otherwise JavaScript will parse it as two strings in a row: from 8:00am — to 7:00pm. To escape a quote: "this is \"quoted\" inside the string".

Nikk Over a year ago

So like this? 

Nikk Over a year ago

But. It doesn't work. This is what I have: en['fri'] = "Today, Friday open from 8:00am — to 7:00pm";

univerio Over a year ago

@Boris Doesn't work? What did you want it to do? What did it do instead?

|

Collectives™ on Stack Overflow

jQuery multiple language script

1 Answer 1

10 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Related