optioncard.js

WAPmo手机网站管理平台是一款创建与管理维护WAP网站的的软件产品

OptionCard = function()
{
    var $list = new Array();
    var $locked = -1;
    var core = this;
    this.cache = {};
    this.callBack = {};
    this.add = function(argv)
    {
        $list.push(argv);
    };
    this.make = function(objParent, x, y)
    {
        var size = $list.length + 10;
        var wid = x;
         jspp.index += size;
        for (var i = 0; i < $list.length; i++)
        {
            var w = ($list[i].length * 14) + 32;
            var objTable = document.createElement("TABLE");
            objParent.appendChild(objTable);
            objTable.id = "card_" + i;
            objTable.border = "0";
            objTable.width = w;
            objTable.cellPadding = "0";
            objTable.cellSpacing = "0";
            objTable.style.position = "absolute";
            objTable.style.top = y + "px";
            objTable.style.left = wid + "px";
            objTable.style.zIndex = size - i;
            objTable.style.cursor = "pointer";
            objTable.onmouseover = function()
            {
                var id = parseInt(this.id.match("card_(\\d+)")[1]);
                var objTR = this.rows[0];
                var objTD = objTR.cells;
                for (var k = 0; k < objTD.length; k++)
                {
                    objTD[k].style.backgroundImage = "url(images/xw_" + ($locked == id ? "ops" : "opt") + "1" + k + ".gif)";
                }
            }
            objTable.onmouseout = function(ev)
            {
                var id = parseInt(this.id.match("card_(\\d+)")[1]);
                var objTR = this.rows[0];
                var objTD = objTR.cells;
                for (var k = 0; k < objTD.length; k++)
                {
                    objTD[k].style.backgroundImage = "url(images/xw_" + ($locked == id ? "ops" : "opt") + "0" + k + ".gif)";
                }
            }
            objTable.onclick = function()
            {
                var id = parseInt(this.id.match("card_(\\d+)")[1]);
                core.lock(id);
            };
            var objTR = objTable.insertRow(0);
            objTR.style.height = "24px";
            var objTD = objTR.insertCell(0);
            objTD.id = "item_" + i + "_0";
            objTD.width = "8";
            objTD.style.backgroundImage = "url(images/xw_opt00.gif)";
            objTD = objTR.insertCell(1);
            objTD.id = "item_" + i + "_1";
            objTD.width = w - 32;
            objTD.style.backgroundImage = "url(images/xw_opt01.gif)";
            objTD.style.fontSize = "12px";
            objTD.style.fontFamily = "Arial";
            objTD.style.color = "#255367";
            objTD.style.paddingBottom = "2px";
            objTD.style.verticalAlign = "bottom";
            objTD.innerHTML = $list[i];
            objTD = objTR.insertCell(2);
            objTD.id = "item_" + i + "_2";
            objTD.width = "24";
            objTD.style.backgroundImage = "url(images/xw_opt02.gif)";
            wid += w - 10;
        }
    };
    this.lock = function(x)
    {
        var obj = document.getElementById("_OPTION");
        if (jspp.Option != x)
        {
            core.cache[jspp.Option] = obj.innerHTML;
        }
        jspp.Option = x;
        var size = $list.length + 10;
        $locked = x;
        for (var i = 0; i < $list.length; i++)
        {
            var objTable = document.getElementById("card_" + i);
            if ( x == i)
            {
                objTable.style.zIndex = size;
            }
            else
            {
                objTable.style.zIndex = size - i;
            }
            var objTR = objTable.rows[0];
            var objTD = objTR.cells;
            for (var k = 0; k < objTD.length; k++)
            {
                objTD[k].style.backgroundImage = "url(images/xw_" + (x == i ? "ops" : "opt") + "0" + k + ".gif)";
            }
            var objChild = document.getElementById("child_" + i);
            if (objChild) objChild.style.display = (x == i) ? "" : "none";
        }
        if (core.cache[x])
        {
            obj.innerHTML = core.cache[x];
            if (core.callBack[x])
            {
                core.callBack[x]();
            }
        }
        else
        {
            var rpc = new xmlrpc();
            rpc.setData("Handle", "Option");
            rpc.setData("Option", x);
            rpc.callBack = function()
            {
                var http = rpc.http;
                if (http.readyState == 4)
                {
                    if (http.status == 200) core.cache[x] = http.responseText;
                    obj.innerHTML = http.responseText;
                    if (core.callBack[x])
                    {
                        core.callBack[x]();
                    }
                }
                else
                {
                    obj.innerHTML = "正在获取数据……";
                }
            };
            rpc.doGet(location.href.match(/^([^\?]+)/)[1], true);
        }
    };
};