oa/jsproot/yw/tms/test.js

$(function(){
	createProjNodeMap();
	setTableWidth();
	fillText();
});


var projNodeList 
= [ {"universalid":1, "node_name":"项目阶段-1", "start_date":"2012-10-01", "end_date":"2012-10-31", "task_start_date": "2012-10-01", "task_end_date" : "2012-11-15"},
	{"universalid":2, "node_name":"项目阶段-2", "start_date":"2012-11-01", "end_date":"2012-11-30", "task_start_date": "2012-10-20", " " : "2012-11-15"},
	{"universalid":3, "node_name":"项目阶段-3", "start_date":"2012-12-01", "end_date":"2012-12-15", "task_start_date": "2012-11-30", "task_end_date" : "2012-12-10"},
	{"universalid":4, "node_name":"项目阶段-4", "start_date":"2012-12-16", "end_date":"2012-10-31", "task_start_date": "", "task_end_date" : ""}
  ];


function createProjNodeMap(){
	var size = projNodeList.length;
	var mapStr = "<table><tr>";
	for(var i = 0; i < size; i++){
		mapStr += '<td id="'+ projNodeList[i].universalid + '">'
		       +  projNodeList[i].node_name;
	}
	$("#main").html(mapStr);
}

function setTableWidth(){
	var tdArr = $("#projNodeTable").find("tbody").find("tr:first").find("td");
	var tdCount = tdArr.length;
	var width = 100/tdCount - 0.01;
	tdArr.each(function(){
		$(this).html("&nbsp;").css("width", width + "%").css("backgroundColor", "#f0f0f0").css("padding", "0px").css("height", "2px");
	});
	
}

function fillText(){
	$("#control").html($("#projNodeTable").html());
	$("#projNodeTable").find("tbody").find("tr").each(function(i, obj){
		var tdArr = $(obj).find("td");
		var size = tdArr.length;
		var firstTd;
		var colspanCount = 0;
		for(var i = 0; i < size; i++){
			var cls = $(tdArr[i]).attr("class");
			if(cls && cls.indexOf("highlight") != -1){
				if(firstTd == undefined){
					firstTd = $(tdArr[i]);
				}else{
					$(tdArr[i]).remove();
				}
				colspanCount++;
			}
		}
		if(firstTd){
			firstTd.attr("colspan", colspanCount);
			firstTd.attr("title", "这是一段很长很长很长很长很长很长很长很长很长很长的测试文字");
			firstTd.html("<div class='content'>这是一段很长很长很长很长很长很长很长很长很长很长的测试文字</div>");
		}
	});
}