網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>層和布局特效代碼>

拆分單元格_層和布局特效

特效Tag：暫無Tag,歡迎添加,賺取U幣!

拆分單元格,您可以先修改部分代碼再運(yùn)行.

<html>
<head>
<meta http-equiv = "Content-Type" mrc = "text/html; charset=gb2312">
<title>拆分單元格－模板無憂www.wf0088.com</title>
<style>
*         {font:menu}
td
{
	background: #f2f3f7;
	/*width:      30;*/
	height:     20;
	text-align:	center;
}
table
{
	width:      200;
}
</style>

<br/> <button onclick='split_table(phx);'>拆分表格一</button>  <button onclick='split_table(phx2);'>拆分表格二</button>  <br/><br/>
<div   class="7n7p5vr"   id="newtable"></div>
<script>
window.onerror = function(err, url, line)
{
	alert('在代碼 ' + line + ' 行發(fā)生錯(cuò)誤: ' + err + '\r\r錯(cuò)誤原因: 表格中行 ' + (r + 1) + ' 列 ' + (phxcols + 1)
			  + ' 單元格空缺');

return true;
}
function split_table(phx)
{
//作者：panliu888
//修改：海娃
//2004-3-8
	var c = 0

for (var i = 0; i < phx.rows[0].cells.length; i++)
	{
		c += phx.rows[0].cells[i].getAttribute("colspan");
	}

var data = new Array(phx.rows.length)

for (var r = 0; r < phx.rows.length; r++)
	{
		data[r] = new Array(c);
	}

for (var r = 0; r < phx.rows.length; r++)
	{
		phxcols = 0;

for (var i = 0; i < c; i++)
		{
			if (typeof(data[r][i])== "undefined")
			{
				for (var row = 0; row < phx.rows[r].cells[phxcols].getAttribute("rowspan"); row++)
				{
					for (var cols = 0; cols < phx.rows[r].cells[phxcols].getAttribute("colspan"); cols++)
					{
						data[r + row][i + cols] = phx.rows[r].cells[phxcols].innerText;
					}
				}

phxcols++;
			}
		}
	}

demo = "";
	tablehtml = "";
	for (var c = 0; c< data.length; c++)
	{
		tablehtml += "<tr>"
		for (var r = 0; r < data.length; r++)
		{
			if (typeof(data[c][r])!="undefined")
			{
				tablehtml += "<td>" + data[c][r] + "</td>"
				demo += "data[" + c + "][" + r + "]: =\"" + data[c][r] + "\";\t"
			}
		}
		tablehtml += "</tr>"
		demo += "\r"
	}
	//alert(data)
	//alert(demo)
	newtable.innerHTML = "<table cellspacing = 1 bgcolor = #cccccc>"+tablehtml+"</table>"
}
</script>
</body>
</html>

所屬頻道：層和布局特效/更新時(shí)間：2010-05-23

[收藏][報(bào)錯(cuò)][返回列表]

相關(guān)層和布局特效：

拆分單元格_層和布局特效

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些