index.html

web 斗地主 用asp+access+ajax+css+js

    if(you_xi_is[id]=="yes"){
     you_xi_is[id]="no";
	 eval("refchild.style.display=\"none\";");}
	else{
	 you_xi_is[id]="yes";
	 eval("refchild.style.display=\"\";");}
  }
 }
}
function getFunc1(id) {
  return function() {
    if(you_xi_is[id]==null){
      you_xi_is[id]="yes";
      var xid="you_xi_"+id;
	  document.getElementById("you_xi_"+id).getElementsByTagName("img")[0].src="pic/1.gif";
      var refchild=document.getElementById(xid).nextSibling;
	  var newtr=document.createElement("tr");
	  var newtd=document.createElement("td");
	  newtr.appendChild(newtd);
	  newtd=document.createElement("td");
	  text=document.createTextNode("载入中....");
	  newtd.appendChild(text);
	  newtd.id ="you_xi_"+id+"_";
	  newtr.appendChild(newtd);
	 document.getElementById("you_xi_"+id.split("_")[0]+"_").getElementsByTagName("tbody")[0].insertBefore(newtr,refchild);
	 document.getElementById("you_xi_"+id+"_").innerHTML=""
	  for (i=1;i<=document.getElementById("you_xi_"+id).fang_shu*1;i++){
	    var tnode=document.createElement("div");
		
		tnode.className="div_1";
		tnode.id ="you_xi_"+id+"_"+i;
		tnode.ondblclick=fang_shu(id+"_"+i)
		
		text=document.createTextNode("房间"+i+"(");
	    tnode.appendChild(text);
		s_span=document.createElement("span");
		tnode.appendChild(s_span);
		s_span.id="online_"+id+"_"+i;
		text=document.createTextNode("0");
		s_span.appendChild(text);
		tnode.appendChild(document.createTextNode("人)"));  
		
	    eval("you_xi_"+id+"_.appendChild(tnode)");
		}
	}
	else{
      var xid="you_xi_"+id;
      var refchild=document.getElementById(xid).nextSibling;
       if(you_xi_is[id]=="yes"){
        you_xi_is[id]="no";
		document.getElementById(xid).getElementsByTagName("img")[0].src="pic/0.gif";
	    eval("refchild.style.display=\"none\";");}
	   else{
	    you_xi_is[id]="yes";
		document.getElementById(xid).getElementsByTagName("img")[0].src="pic/1.gif";
	    eval("refchild.style.display=\"\";");}
   }
  }
}
function fang_shu(id){
  
  return function(){
    //alert(id);
    var d_h=document.getElementById("daohang").getElementsByTagName("td");
       if(d_h.length>7){  //最多打开7个
	      //alert(id);
	   return;
	   }
   if(document.getElementById("daohang_"+id)==null){
      var refchild=document.getElementById("daohang").lastChild;
	  var newtd=document.createElement("td");
	   newtd=document.createElement("td");
	   newtd.id="daohang_"+id;
	   newtd.className="all_bottom";
	   newtd.width=you_xi_n[id.split("_")[0]].length*20+20;
	     var daohang_right01=daohang_right.width-(you_xi_n[id.split("_")[0]].length*20+20);
	     if(daohang_right01>0) daohang_right.width=daohang_right01;
	   newtd.onclick=dao_hang(id)
	   text=document.createTextNode(you_xi_n[id.split("_")[0]]);
	   newtd.appendChild(text);
	  document.getElementById("daohang").insertBefore(newtd,refchild);
	  //显示登陆状态

	  var newtr=document.createElement("tr");
	  newtd=document.createElement("td");
	  newtd.id="d_"+id;
	  newtd.className="all_no_top"
	  newtr.appendChild(newtd);
	  newtr.id="dao_"+id;
	  dao.appendChild(newtr);
	  document.getElementById("d_"+id).innerHTML="<IFRAME id=\"me_\""+id+" style=\"width:100%; height:100%;\" src=\"fangjian.html?"+id+"\" scrolling=\"yes\" frameBorder=no ></IFRAME>";
	  var dao_none=document.getElementById("dao").getElementsByTagName("tr"); 
	    dao.rows[dao_none.length-2].cells[0].colSpan=100;//让行100
		dao_hang(id,'dd_l');
   }
  }
}
var now_fang="";//现在在哪个房间
function dao_hang(id,dd){
  //alert(id+"j"+dd);
  if(dd=="dd_l"){
     now_fang=id;
     index_none('right');
     dao_hang01(id);
  }
  if(dd=="dd_r"){
     now_fang=id;
     index_none('left',id);
     dao_hang01(id);
  }
  if(dd=="all"){
       now_fang="";
      index_none('right');
      dao_hang01(id);
  }
  else{
    return function(){
	   now_fang=id;
	   index_none('left',id);
       dao_hang01(id);
	}
  }
}

function dao_hang01(id){
   
   var span=document.getElementById("difang").getElementsByTagName("a");
    span[0].innerHTML=you_xi_n[id.split("_")[0]];
	span[1].innerHTML=you_xi_n[id.split("_")[0]+"_"+id.split("_")[1]];
	span[2].innerHTML="房间"+id.split("_")[2];
  var d_h=document.getElementById("daohang").getElementsByTagName("td");
    for (i=0;i<d_h.length-1;i++){
	  d_h[i].className="all_bottom";
    }
   document.getElementById("daohang_"+id).className="all_no_bottom"
   var dao_none=document.getElementById("dao").getElementsByTagName("tr"); 
   for (i=3;i<dao_none.length;i++){ 
	      eval("dao_none["+i+"].style.display=\"none\";");
	 }
	eval("dao_"+id+".style.display=\"\";");
}
function del_fang(id){
  //alert(id);
  if(id!=null)now_fang=id;
  if(now_fang!=""){
  document.getElementById("d_"+now_fang).innerHTML="";
    var dd=document.getElementById("dao_"+now_fang)
    dd.parentNode.removeChild(dd);
    dd=document.getElementById("daohang_"+now_fang)
     daohang_right.width=daohang_right.width*1+(dd.innerHTML.length)*20+20;
	//alert(dd.innerHTML.length);
	dd.parentNode.removeChild(dd);
	dao_hang('all','all');
  }
}
function index_none(id,dd){
  //alert(id);
  if(id=="left"){
    eval("left.style.display=\"none\";");
    eval("right.style.display=\"\";");
	document.getElementById("me_right").src="online.asp?id="+dd+"&uid="+you_xi_uid+"&do="+Math.random();
  }else{
    eval("left.style.display=\"\";");
    eval("right.style.display=\"none\";");
  }
}

</script>
<body onLoad="javascript:on_load()">
<table width="100%" height="100%" border="0" cellspacing="0">
  <tr>
    <td width="200" valign="top" id="left"><table width="100%" height="100%" border="0" cellspacing="0">
        <tr>
          <td height="70" class="all" ><table width="100%" height="100%" border="0" cellspacing="0"
		   style=" background-color:#F2F8ED;">
            <tr>
              <td width="60" rowspan="2" align="center" valign="middle"><img id="face" src="pic/face/0-1.gif" class="tup_all" /></td>
              <td height="40" colspan="2"><span id="user" class="four1">xumv</span></td>
            </tr>
            <tr>
              <td valign="top" id="on_line">&nbsp;</td>
              <td width="20" valign="top">&nbsp;</td>
            </tr>
          </table></td>
        </tr>
        <tr>
          <td valign="top" class="all_no_top" >
		    <div id="fen_all" style=" width:100%; height:100%; OVERFLOW-Y:auto;  OVERFLOW-X:hidden; ">
		     加载中.....          
		    </div>
		  </td>
        </tr>
      </table></td>
    <td width="10">&nbsp;</td>
    <td valign="top"><table width="100%" height="100%" border="0" cellspacing="0">
	   <tbody id="dao">
         <tr align="center" id="daohang">
              <td width="100" height="28" align="center" class="all_no_bottom" id="daohang_all" onClick="javascript:dao_hang('all','all')">游戏大厅</td>
              <td width="700" align="left" id="daohang_right"  style="BORDER-BOTTOM: thin dashed #999933; color:#000000;">&nbsp;适合 IE5.0 以上浏览器</td>
         </tr>
		<tr>
          <td height="25" colspan="100" class="daohangxia">
            <table width="100%" height="100%" border="0" cellspacing="0">
              <tr>
                <td id="difang">&nbsp;&nbsp;<a href="#"></a>--<a href="#"></a>--<a href="#"></a></td>
                <td width="50">&nbsp;</td>
                <td width="50" align="center"><a href="javascript:del_fang();">退出</a></td>
              </tr>
            </table></td>
        </tr>
        
        <tr id="dao_all" style="display:">
          <td  colspan="100" class="all_no_top"><IFRAME style="width:100%; height:100%;" src="index.asp?lei=youxi" scrolling="no" frameBorder=no ></IFRAME>
            2</td>
        </tr>
	</tbody>
    </table></td>
    <td width="10">&nbsp;</td>
    <td width="240" valign="top" class="all" id="right" style="display:none"><IFRAME id="me_right" style="width:100%; height:100%;" src="about:blank" scrolling="no" frameBorder=no ></IFRAME></td>
  </tr>
</table>
</body>
</html>