弹出层，div的写法

$(document).ready(function(){
		

		
		//弹出层的html
		var openWindow = '<div id="middle_addFilterPurchaseOrder"></div><div id="msg_addFilterPurchaseOrder"></div>';
		//把弹出层加入到table的后面
		$('#unPackingTable').append(openWindow);
		
		//当点击背景时，隐藏弹出页
		$('#middle_addFilterPurchaseOrder').click(function() {
			$('#middle_addFilterPurchaseOrder,#msg_addFilterPurchaseOrder').hide();
		});

	});

function buildPackingSizeView(obj){//包装明细显示
		var index = (obj.id).split("_")[2];		
		var packSizeJsonArray = packingSizeJson[$("#packingLineId_"+index).val()];
		var array = eval(packSizeJsonArray);
		var tableHtml = "";
		//caohong 添加内盒料号和内盒名称栏位start
		tableHtml += '<table  align="left" cellpadding="0" cellspacing="0"  id="openWindow_table" style="border-collapse: collapse;" width="800px">';
		tableHtml += '<tr><th colspan="2"><%=title_packingDetail%></th><td colspan="4" style="border:0px solid #FFFFFF"> </td></tr>';
		tableHtml += '<tr><th><%=title_salesTableNo%></th><th><%=title_purchOrderFormNum%></th><th><%=title_size%></th><th><%=title_qtyPerBox%></th><th><%=title_pairWeight%></th><th><%=title_pairShoesWeight%></th><th><%=title_innerBox%></th><th><%=title_innerBoxMaterialName%></th></tr>';
		for(var i = 0 ; i < array.length ; i++){
			var grossWeight = array[i].netWeight; 
			var netWeight = array[i].grossWeight;
			grossWeight =  parseFloat(grossWeight).toFixed(2);
			netWeight =  parseFloat(netWeight).toFixed(2);
			tableHtml += '<tr>';
			tableHtml += '<td style="border:1px solid #000000">'+array[i].salesOrderNo+'</td><td style="border:1px solid #000000">'+array[i].purchOrderFormNum+'</td><td style="border:1px solid #000000">'+array[i].sizeName+'</td><td style="border:1px solid #000000">'+array[i].sizeQty+'</td><td style="border:1px solid #000000">'+grossWeight+'</td><td style="border:1px solid #000000">'+netWeight+'</td><td style="border:1px solid #000000">'+array[i].materialNo+'</td><td style="border:1px solid #000000"><span title="'+array[i].materialName+'">'+array[i].showMaterialName+'</span></td>';
			tableHtml += '</tr>';
		}
		//end
		tableHtml += '</table>';
		$('#msg_addFilterPurchaseOrder').html(tableHtml);
		//显示弹出框
		var width = ($(window).width()) + 'px';
		var height = ($(window).height()) + 'px';
		$('#msg_addFilterPurchaseOrder').width("850px");
		var p = {
			width : $('#msg_addFilterPurchaseOrder').width(),
			height : $('#msg_addFilterPurchaseOrder').height()
		};
		var left = ($(window).width() - p.width) / 2 + 'px';
		var top = ($(window).height() - p.height) / 2 + 'px';
		var allLeft = '0px';
		var allTop = '0px';
		$('#middle_addFilterPurchaseOrder').css({
			'width' : width,
			'height' : height,
			'left' : allLeft,
			'top' : allTop
		}).show();
		$('#msg_addFilterPurchaseOrder').css({
			'left' : left,
			'top' : top
		}).show();
	}