CF Mitrah Blog

I made small css based locale switcher with theme. You can see the demo here. In this example, common.css has generic style definations for page elements. gray.css has india locale and gray theme style definations. yellow.css has US locale and yellow theme style definations. Below 3 lines of javascript code will switch locale as well as theme.

<script>
function changeTheme(){
    var obj = document.getElementById("themeContainer"); 
    obj.className = (obj.className=='gray')?'yellow':'gray'; 
}
</script>

you can download this example here.

Locale switcher with theme using css and javascript