zhongdeMobile/js/language.js

var language_package = (function() {
    var $root = 'http://4dkk.4dage.com/FDKKIMG/';
    var package = function(lang) {
        var lang_package = '';
        switch (lang) {
            case 'zh':
                lang_package = zh;
                break;
            case 'en':
                lang_package = en;
                break;
            default:
                lang_package = zh;
                break;
        }
        return lang_package;
    } //返回语言包
    return package
}());
var language = (function() {
    var lang = getCookie('language');
    if (lang == '') {
        setCookie('language', 'zh', 30);
        changeLang(lang);
    } else {
        changeLang(lang);
    }

    function getCookie(c_name) {
        if (document.cookie.length > 0) {
            c_start = document.cookie.indexOf(c_name + "=")
            if (c_start != -1) {
                c_start = c_start + c_name.length + 1
                c_end = document.cookie.indexOf(";", c_start)
                if (c_end == -1) c_end = document.cookie.length
                return unescape(document.cookie.substring(c_start, c_end))
            }
        }
        return ''
    }

    function setCookie(c_name, value, expiredays) {
        var exdate = new Date()
        exdate.setDate(exdate.getDate() + expiredays)
        document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString())
    }

    function getLang() {
        return lang
    }

    function changeLang(lang_p) {
        if (lang_p) {
            setCookie('language', lang_p, 30);
            lang = lang_p;
        }
        var nowImg = document.getElementsByClassName('language-now')[0];
        if (nowImg) {
            nowImg = nowImg.getElementsByTagName('img')[0];
            nowImg.setAttribute('src', 'http://www.4dkankan.com/images/icon/lang_' + lang + '.png');
        }
        var package = language_package(lang);
        var $text = document.getElementsByClassName('lang-text'),
            $placeholder = document.getElementsByClassName('lang-placeholder'),
            $value = document.getElementsByClassName('lang-value'),
            $bg = document.getElementsByClassName('lang-bg'),
            $src = document.getElementsByClassName('lang-src');
        for (var i = 0, len = $text.length; i < len; i++) {
            var data = $text[i].getAttribute('data-lang');
            $text[i].innerText = package[data];
        };
        for (var i = 0, len = $placeholder.length; i < len; i++) {
            var data = $placeholder[i].getAttribute('data-lang');
            $placeholder[i].setAttribute('placeholder', package[data]);
        };
        for (var i = 0, len = $value.length; i < len; i++) {
            var data = $value[i].getAttribute('data-lang');
            $value[i].value = package[data];
        };
        for (var i = 0, len = $src.length; i < len; i++) {
            var data = $src[i].getAttribute('data-lang');
            $src[i].setAttribute('src', package[data]);
        };
        for (var i = 0, len = $bg.length; i < len; i++) {
            var data = $bg[i].getAttribute('data-langBg');
            if (package[data] == '') {
                $bg[i].classList.remove('en');
            } else {
                $bg[i].classList.add('en');
            }
        };
    } //改变语言
    function initNav() {
        var $nav = document.getElementsByClassName('subnav-inner')[0];
        var $text = $nav.getElementsByClassName('lang-text');
        var div = document.createElement('div');
        var style = {
            box: 'width:calc(100% - 20px);background:#09e1c0;color:white;display:flex;display:-webkit-flex;align-items:center;justify-content:center;height:36px;margin: 0 auto;font-size:15px;border-radius: 5px;margin-top: 2vh;'
        }
        div.setAttribute('class', 'languageBox lang-text'), div.setAttribute('style', style.box), div.setAttribute('data-lang', 'change_lang');
        $nav.appendChild(div);
        div.addEventListener('touchend', function() {
            if (div.innerText == '简体中文') {
                changeLang('zh');
            } else {
                changeLang('en');
            }
            var $subnav = document.getElementsByClassName('subnav')[0];
            var $Btn = document.getElementsByClassName('mainbav-showBtn')[0],
                $shade = document.getElementsByClassName('body-shade')[0];
            $subnav.classList.remove('showSubnav'), $Btn.classList.remove('active'), $shade.classList.remove('active');
        });
        var package = language_package(lang);
        for (var i = 0, len = $text.length; i < len; i++) {
            var data = $text[i].getAttribute('data-lang');
            $text[i].innerText = package[data];
        };
    } //专为导航栏初始化定制
    var api = {
        change: changeLang,
        get: getLang,
        init_nav: initNav,
    }
    return api
}());