﻿

 // JScript 文件
 var isIE=(window.navigator.userAgent.indexOf("MSIE")!=-1&&!window.opera);
 //直辖市
 var sepArr=["00010001","00010002","00010003","00010004","00010033","00010034"];
 function Obj(obj){ return window.document.getElementById(obj);}
 //加载数据
function AjaxData(flag,div,objId)
{
   jQuery.ajax(
   {
      url:"Kinds.aspx",
      dataType:"post",
      timeout:6000,
      cache:false,
      error:function(){},
      data:"flag="+flag,
      success:function(htmlData)
      { 
        var pre="";
        var fl=false;
          jQuery("#category_"+div).append(htmlData); 
           
         
          if(div=="cmnctnDiv")
          {
            pre="e"
              fl=true;
          }
          if(div=="cmnctnNoDiv")
          {
            pre="u"
            fl=true;
          }
          if(div=="nostraDiv")
          {
              pre="u"
          }
          if(div=="noplaceDiv")
          {
              pre="u"
          }
          if(fl)
          {
            for(var i=0;i<sepArr.length;i++)
             {
               var liName=jQuery("#"+pre+sepArr[i]+" h2").html();
               if(liName)
               {
               var li;
                    var vals=jQuery(objId+"Value").val();
                   var vArr=vals.split('，');
                   var v=0;
                  for(v=0;v<vArr.length-1;v++)
                  {   //此处应为checkbox做默认选中
                  
                  if(sepArr[i]==vArr[v])
                  {  li=jQuery('<li><input type="checkbox"  v='+sepArr[i]+' checked="checked" id="chk_'+pre+sepArr[i]+i+'" name="sub_chk_'+pre+sepArr[i]+'"><h2>'+liName+'</h2></li>');
                    break;}
                   
                  }
                  if(v==vArr.length-1)
                    li=jQuery('<li><input type="checkbox"  v='+sepArr[i]+' id="chk_'+pre+sepArr[i]+i+'" name="sub_chk_'+pre+sepArr[i]+'"><h2>'+liName+'</h2></li>');
               
               jQuery("#pop_"+pre+sepArr[i]+" .ul1").append(li);
               }
             }
             fl=false;
          }   
          if(jQuery(objId+"Value").val()!="")
              { 
              var iName="";
                  var vals=jQuery(objId+"Value").val();
                   var vArr=vals.split('，');
                  for(var v=0;v<vArr.length-1;v++)
                  {   //此处应为checkbox做默认选中
                  
                    var li;
                    if(vArr[v].length==8)
                    {
                        var i=0;
                        for(i=0;i<sepArr.length;i++)
                        if(sepArr[i]==vArr[v])
                        {
                        li=jQuery("<li id=\"pick_chk_"+pre+vArr[v]+i+"\" v="+vArr[v]+" title="+jQuery("#chk_"+pre+vArr[v]+i).next().text()+" ><h2 >"+jQuery("#chk_"+pre+vArr[v]+i).next().text()+"</h2><img alt='删除该项' src='Images/delete.gif'></li>");
                        iName+=jQuery("#chk_"+pre+vArr[v]+i).next().text()+"，";
                        break;
                        }
                        if(i==sepArr.length)
                        {
                        li=jQuery("<li id=\"pick_chk_"+pre+vArr[v]+"\" v="+vArr[v]+" title="+jQuery("#chk_"+pre+vArr[v]).next().text()+" ><h2 >"+jQuery("#chk_"+pre+vArr[v]).next().text()+"</h2><img alt='删除该项' src='Images/delete.gif'></li>");
                        iName+=jQuery("#chk_"+pre+vArr[v]).next().text()+"，";
                        }
                    }
                    else
                    {
                    li=jQuery("<li id=\"pick_chk_"+pre+vArr[v]+"\" v="+vArr[v]+" title="+jQuery("#chk_"+pre+vArr[v]).next().text()+" ><h2 >"+jQuery("#chk_"+pre+vArr[v]).next().text()+"</h2><img alt='删除该项' src='Images/delete.gif'></li>");
                    iName+=jQuery("#chk_"+pre+vArr[v]).next().text()+"，";
                    }
                    
                    jQuery("#pick_"+div+" ul").append(li);
                    ////alert(pre);
                    
                   
                  }
                    
                    
                    iName=iName.substr(0,iName.length-1);
                    if(6<iName.length)
                    jQuery(objId).val(iName.substr(0,5)+"…");
                    else
                    jQuery(objId).val(iName);
                  jQuery("#"+ipt2).val(iName);
                  
              }
           
              
               jQuery("#pick_"+div+" ul li").click(function()
                    {
                     jQuery(this).remove(); 
                     var current=jQuery(this).attr("v")
                     
                      var subs=jQuery("input[name=sub_chk_"+pre+current+"]");
                     
                    subs.attr("checked",false);
                    subs.attr("disabled",false);
                     
                     Obj("chk_"+pre+current).checked=false;
                    }); 
              
         jQuery.each(jQuery("#category_"+div+" input:checkbox"),function(){jQuery(this).click(function(){ SelectLi(this,div);})});
              
      }
   });
}

function CreateMainDiv(div,sty,title,msg,kind,hid,num)
{
   var parentDiv=jQuery('<div class="mainDiv" id='+div+' style='+sty+' name='+num+'></div>');  
  jQuery('<div class="popTitle" id="title_'+div+'"><span>'+title+'</span><input type="image" value="关闭" src="Images/close_div.gif" id="close_'+div+'"></div>').appendTo(parentDiv);
  jQuery('<div class="popMessage"><span>提示：'+msg+"&nbsp;最多选择："+num+"项"+'</span><img src="Images/btncer.jpg" id="certain_'+div+'" ><img src="Images/btnclear.jpg" id="reset_'+div+'"></div>').appendTo(parentDiv);
  jQuery('<div class="popPick" id="pick_'+div+'" ><ul></ul></div>').appendTo(parentDiv);
  jQuery('<div class="category" id="category_'+div+'" ></div>').appendTo(parentDiv);
  AjaxData(kind,div,hid); 
  parentDiv.appendTo("body");
  
}
//创建层
function CreateDiv(ipt,div,title,msg,style,kind,defalutValue,num,ipt2)                         
{  

  var iptName="#"+Obj(ipt).id;
  var iptValue=iptName+"Value";
  CreateMainDiv(div,style,title,msg,kind,iptName,num);

  //清空  
   jQuery("#reset_"+div).click(function(){
   jQuery("#pick_"+div+" ul ").empty();
   jQuery("#"+div+" input:checkbox").removeAttr("checked",false);   
 　jQuery("#"+div+" input:checkbox").removeAttr("disabled",false);
   jQuery(iptName).val(defalutValue);
   //jQuery("select").show();
   });


　　　//确定
    var t_title="";
    var t_val="";
    jQuery("#certain_"+div).click(function(){
    jQuery("#"+div).hide(); 
    jQuery("#pick_"+div+" ul li").each(function()
    {
      t_title+=jQuery(this).attr("title")+"，";
      t_val+=jQuery(this).attr("v")+"，";
     });
     
     t_title=t_title.substr(0,t_title.length-1);
    jQuery(iptName).val(t_title.substr(0,6)+"…");
    jQuery(iptValue).val(t_val);
    var iptName2="#"+Obj(ipt2).id;
    jQuery(iptName2).val(t_title);
    t_title="";
    t_val="";
 
    if(jQuery(iptName).val()=="…")
    {
      jQuery(iptName).val(defalutValue);
    }
  
    jQuery("select").show();
   
 });
  
  //关闭
  
   jQuery("#close_"+div).click(function(){
   jQuery("#"+div).hide(); 
    var obj3=jQuery("#pick_"+div+" ul li").each(function()
    {
      t_title+=jQuery(this).attr("title")+"，";
      t_val+=jQuery(this).attr("v")+"，";
     });
     
     t_title=t_title.substr(0,t_title.length-1);
     var iptName2="#"+Obj(ipt2).id;
    jQuery(iptName2).val(t_title);
    jQuery(iptName).val(t_title.substr(0,6)+"…");
    jQuery(iptValue).val(t_val);
    t_title="";
    t_val="";
    
    if(jQuery(iptName).val()=="…")
    {
      jQuery(iptName).val(defalutValue);
    }

    jQuery("select").show();
   
 });
 
 jQuery("#pick_"+div+" ul li").click(function()
            {
             jQuery(this).remove(); 
             var current=jQuery(this).attr("v")
              var subs=jQuery("input[name=sub_chk_"+pre+current+"]");
                     
                    subs.attr("checked",false);
                    subs.attr("disabled",false);
             Obj("chk_"+current).checked=false;
            });
  
  jQuery("#title_"+div+" input:checkbox").click(function(){ jQuery("#"+div).hide();jQuery(iptName).val(jQuery("#pick_"+div+" ul li").attr("title"));jQuery(iptValue).val(jQuery("#pick_"+div+" ul li").attr("v"));});   
  
  //
  jQuery("#"+ipt).click(function()
  {
    jQuery("select").hide();
    jQuery("#master").show();
    var objDiv=Obj(div);
    SetCenter(objDiv);                                         
  });
  

 
}

//选中
 function SelectLi(obj,div)
 {
    var target=Obj(obj.id); 
    var isCheck=target.checked;
    var subs=jQuery("input[name=sub_"+obj.id+"]");
  if(isCheck)
    { 
        var max=jQuery("#"+div).attr("name");
        var c_max=jQuery("#pick_"+div+" ul li").size();
     
          if(c_max>max)
          {
            window.alert("你最多可以选择"+max+"项！");
            target.checked=false;
            jQuery("#pick_"+obj.id).remove();
       jQuery("#"+obj.id).attr("checked",false);
       subs.attr("checked",false);
       subs.attr("disabled",false);
            return;
          }
          else
          {
                subs.attr("checked",true);
                subs.attr("disabled",true);
                 jQuery.each(jQuery("#pick_"+div+" ul li"),function(){
           
                     if(this.id.indexOf(obj.id)!=-1)
                     {
                       jQuery(this).remove(); 
                     }
                                     
                 });
                     
             var li=jQuery("<li id=\"pick_"+jQuery("#"+obj.id).attr("id")+"\" v="+jQuery("#"+obj.id).attr("v")+" title="+jQuery("#"+obj.id).next().text()+" ><h2 >"+jQuery("#"+obj.id).next().text()+"</h2><img alt='删除该项' src='Images/delete.gif'></li>");
             target.checked=true;
             jQuery("#pick_"+div+" ul").append(li);
             var max=jQuery("#"+div).attr("name");
        var c_max=jQuery("#pick_"+div+" ul li").size();
     
          if(c_max>max)
          {
            window.alert("你最多可以选择"+max+"项！");
            target.checked=false;
            jQuery("#pick_"+obj.id).remove();
       jQuery("#"+obj.id).attr("checked",false);
       subs.attr("checked",false);
       subs.attr("disabled",false);
            return;
          }
       
          }

    }
    else
    { 
       jQuery("#pick_"+obj.id).remove();
       jQuery("#"+obj.id).attr("checked",false);
       subs.attr("checked",false);
       subs.attr("disabled",false);
    }
    var lis=jQuery("#pick_"+div+" ul li").click(function()
    {
     jQuery(this).remove(); 
     var current=jQuery(this).attr("id").substr(5);
                     
                    subs.attr("checked",false);
                    subs.attr("disabled",false);
     Obj(current).checked=false;
    });
    
    
 }
 
//弹出层
 function ShowDiv(obj)
 {
   if(isIE)
   {
   jQuery("#pop_"+obj.id).css("marginLeft","20px").show();
   }
   else
   {
       jQuery("#pop_"+obj.id).css("marginLeft","80px").show();
   }
 }
 //隐藏层
 function HideDiv(obj)
 {
   jQuery("#pop_"+obj.id).hide();
 }


  //居中
function SetCenter(div)
{
	var styleWidth=div.style.width.substring(0,div.style.width.length-2);
	var clientHeight=div.style.height.substring(0,div.style.width.length-2);
	var objLeft = parseInt(document.documentElement.scrollLeft+(document.documentElement.clientWidth - styleWidth)/2)+'px';
	var relTop=(document.documentElement.clientHeight-clientHeight)/2 > 0 ? (document.documentElement.clientHeight-clientHeight)/2:0;
	var objTop = parseInt(document.documentElement.scrollTop+relTop)+'px';
	div.style.top = objTop;
	div.style.left = objLeft;
	div.style.display="block";

}
//阴影层
function CreateMaskDiv()
{
    var panel=window.document.createElement('div');
    panel.id="master"
    panel.style.display="none";
    panel.style.zIndex="99";
    panel.style.top = "0px";
    panel.style.left = "0px";
    panel.style.position = "absolute";
    panel.style.borderStyle = "none";
    panel.style.borderWidth = "0px";
    panel.style.background ="white"; 
    if (isIE) 
       { panel.style.filter="alpha(opacity=60)";}
    else 
       { panel.style.opacity=0.6;}
    window.document.body.appendChild(panel);
    return panel;
}




