注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一车,一房,一个温暖家

10万左右的车,80平方的房子,这是我奋斗的暖暖的家

 
 
 

日志

 
 

【转载】用递归拼接树状菜单,弹出窗体并出现阴影使其不能点击其他的按钮  

2015-05-30 13:01:31|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

var tradeHtml = "";
function LoadingMenuing() {
    tradeHtml = "";
    $
            .ajax({
                type : "GET",
                url : "./selldir_get_trade.php",
                async : true,
                success : function(msg) {
                    if (msg != null) {
                        var jsonData = null;
                        try {
                            jsonData = JSON.parse(msg);
                            if (jsonData.item != null
                                    && jsonData.item.length > 0) {
                                tradeHtml += "<div style='background-color:#f5f5f5;line-height:30px;padding:0 10px;font-weight:bold;'><a href='javascript:void(0)' class='close' onclick=\"closeThickbox(this)\"></a>行业资源列表</div>";
                                tradeHtml += "<ul id='rolelist'>";
                                for ( var i = 0; i < jsonData.item.length; i++) {
                                    tradeHtml += "<li ><input type='checkbox' value='"
                                            + jsonData.item[i].idtrade
                                            + "' style='vertical-align:middle;margin-left:5px;'><a href='javascript:void(0)'>"
                                            + jsonData.item[i].tradedesc
                                            + "</a>";
                                    createTradeHtml(jsonData.item[i], 1);
                                }
                                tradeHtml += "</ul>";
                                tradeHtml += "<div style='text-align:right;padding:10px 20px;'><input type='button' id='ok' class='ok' value='确定'></div>";
                            }
                        } catch (e) {
                            // TODO: handle exception
                            jsonData = null;
                        }
                    }
                    parent.showThickbox(tradeHtml);
                },
                error : function() {

                }
            });
}

function createTradeHtml(jsonItem, iDeep) {

    if (jsonItem != null) {
        tradeHtml += "<ul class='child'>";
        for ( var i = 0; i < jsonItem.item.length; i++) {
            var iTempDeep = iDeep;
            tradeHtml += "<li><input type='checkbox' value='"
                    + jsonItem.item[i].idtrade
                    + "' style='vertical-align:middle;margin-left:5px;'><a  href='javascript:void(0)' >"
                    + jsonItem.item[i].tradedesc + "</a>";
            createTradeHtml(jsonItem.item[i], ++iTempDeep);
        }
        tradeHtml += "</ul>";
    }

}
function showThickbox(content) {
    var thickboxObj = $(".thickbox");
    thickboxObj.html(content);
    thickboxObj.show();
    var iW = thickboxObj[0].offsetWidth;
    var iH = thickboxObj[0].offsetHeight;
    var W = window.screen.availWidth;
    var H = window.screen.availHeight;
    thickboxObj.css("left", (W - iW - 30) / 2 + "px");
    thickboxObj.css("top", (H - iH - 10) / 2 + "px");
    $(".masklayer").show();

}
    <div class="masklayer"></div>
        <div class="thickbox"></div>
  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018