拆分单元格_层和布局特效

特效Tag：暂无Tag,欢迎添加,赚取U币!

拆分单元格,您可以先修改部分代码再运行.

<html>
<head>
<meta http-equiv = "Content-Type" mrc = "text/html; charset=gb2312">
<title>拆分单元格－模板无忧www.mb5u.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 id="newtable"></div>
<script>
window.onerror = function(err, url, line)
{
	alert('在代码 ' + line + ' 行发生错误: ' + err + '\r\r错误原因: 表格中行 ' + (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>

所属频道：层和布局特效/更新时间：2010-05-23

[收藏][报错][返回列表]

拆分单元格_层和布局特效

层和布局特效Rss订阅特效代码搜索

层和布局特效推荐

猜你也喜欢看这些