web css實現整站樣式切換

來源:互聯網
上載者:User

//取元素 用兩個$是為了不與jquery衝突
function $$(s) {
    return document.getElementById(s);
}
function setblue() {
    //先寫cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_blue.css", 365, true);
    //設定新的css檔案
    $$("maincss").href = "css/CRM_blue.css";
    //取主架構頁,並重新設定css檔案
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_blue.css";
}
function setgreen() {
    //先寫cookie
    //writeCookie("ISCSSSTYLE", "css/CRM.css", 365, true);
    //設定新的css檔案
    $$('maincss').href = "css/CRM.css";
    //取主架構頁,並重新設定css檔案
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM.css";
}
function setgray() {
    //先寫cookie
    //writeCookie("ISCSSSTYLE", "css/CRM_gray.css", 365, true);
    //設定新的css檔案
    $$('maincss').href = "css/CRM_gray.css";
    //取主架構頁,並重新設定css檔案
    //var childobj = window.parent.document.getElementById("ManagerMain").contentWindow;
    //childobj.document.getElementById("maincss").href = "css/CRM_gray.css";
}

function setActiveStyleSheet(title) {
    //    var i, a, main;  
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++)  
    //    {  
    //        if(a.getAttribute("rel").indexOf("style")!= -1 && a.getAttribute("title"))  
    //        {  
    //            a.disabled = true;  
    //            if(a.getAttribute("title") == title)  
    //            a.disabled = false;  
    //        }
    //    }
    //$$("maincss").attr("href", "css/CRM_blue.css");
    //$$('maincss').href = "css/CRM_blue.css";
    //設定css的檔案
    $$('maincss').href = title;
}
function getActiveStyleSheet() {
    //    var i, a;  
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++)  
    //    {  
    //        if(a.getAttribute("rel").indexOf("style")!= -1 &&  
    //         a.getAttribute("title") && !a.disabled)  
    //            return a.getAttribute("title");  
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function getPreferredStyleSheet() {
    //    var i, a;  
    //    for(i=0; (a = document.getElementsByTagName("link")[i]); i++)  
    //    {  
    //        if(a.getAttribute("rel").indexOf("style") != -1  
    //            && a.getAttribute("rel").indexOf("alt") == -1  
    //            && a.getAttribute("title"))  
    //            return a.getAttribute("title");  
    //    }
    //    return null;
    var cssfile = $$('maincss').href;
    //alert(cssfile);
    return cssfile;
}
function createCookie(name, value, days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        var expires = "; expires=" + date.toGMTString();
    }
    else
        expires = "";
    document.cookie = name + "=" + value + expires + "; path=/";

}
function writeCookie(name, value, hours, escp) {
    var expire = "";
    if (hours != null) {
        expire = new Date((new Date()).getTime() + hours * 3600000);
        expire = "; expires=" + expire.toGMTString();
    }
    if (escp == "True") {
        document.cookie = name + "=" + value + expire;
    } else {
        document.cookie = name + "=" + escape(value) + expire;
    }
}

function readCookie(name) {
    var nameEQ = name + "=";

    var ca = document.cookie.split(';');

    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];

        while (c.charAt(0) == ' ')
            c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) == 0)
            return c.substring(nameEQ.length, c.length);
    }
    return null;
}
$(document).ready(function() {

    //var title = readCookie("ISCSSSTYLE");
    //var title = "css/CRM_blue.css";

    //if (title != null && title != "undefined") {
    //    setActiveStyleSheet(title);
    //}
});

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.