Multilingual 2

by rajeshpillai

HTML

<input type="radio" id="radioEnglish" name="radio-language" value="en"/><label for="radioEnglish">English</label>
    <input type="radio" id="radioFrench" name="radio-language" value="fr"/><label for="radioFrench">Français</label><br/>

    Text for : settings : <b><span name="lbl" caption="settings"></span></b><br/>
    Text for : default_feed : <b><span name="lbl" caption="default_feed"></span></b><br/>
    Text for : hidden : <b><span name="lbl" caption="hidden"></span></b><br/>
    Text for : save_settings : <b><span name="lbl" caption="save_settings"></span></b><br/>

JavaScript

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());
    });
});