﻿function getDate()
{
	var d=new Date();
	var yyyy = d.getFullYear(); 
	var mm = d.getMonth() + 1;mm = (mm<10?"0" + mm:mm); 
	var dd = d.getDate();dd = (dd<10?"0" + dd:dd); 
	return yyyy + "." + mm + "." + dd;
}

function bulid(obj)
{
	var i=Math.round(Math.random()*10000);
	var str = ""
			+ "<div id=div_"+ obj + i +" "
			+ "style='"
			+ "position: absolute;"
			+ "left:10px;"
			+ "top:60px;"
			+ "z-Index:1000;"
			+ "border:1px solid #CCCCCC;"
			+ "filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=135,strength=3);"
			+ "width:150px;"
			+ "height:170px;"
			+ "background-color:#FFFFCC' "
			+ "onmousedown='getFocus(this)'>"
			+ "<table style='width:100%' cellspacing='0' cellpadding='0'>"
				+ "<tr>"
					+ "<td style='width:90%;height:20px;cursor:move;background-color:#99CCFF;' onmousedown='MDown(div_" + obj + i + "),setLabel(lbl_"+obj+i+",txt_"+obj+i+")'>&nbsp; "+getDate()
                	+ "</td>"
					+ "<td style='width:10%;cursor:hand;background-color:#99CCFF;' onclick='ssdel()'>×</td>"
				+ "</tr>"
				+ "<tr>"
					+ "<td colspan='2'>&nbsp;"
						+ "<textarea "
						+ "name=txt_"+ obj + i +" "
						+ "class='txt_note' "
						+ "onfocusout='setTextBox(this,div_" + obj + i + ",lbl_" + obj + i + ")' "
						+ "title='move me!'>"
						+ "</textarea>"
						+ "<Label class='lbl_note' id=lbl_" + obj + i +" "
						+ "onclick='setLabel(this,txt_" + obj + i + ")'"
						+ ">"
						+ "</Label>"
					+ "</td>"
				+ "</tr>"
			+ "</table>"
			+ "</div>"
	document.body.insertAdjacentHTML("beforeEnd",str);
}

function getFocus(obj)
{
	if(obj.style.zIndex!=index)
	{
		index = index + 2;
		var idx = index;
		obj.style.zIndex=idx;
		//obj.nextSibling.style.zIndex=idx-1;
	}
}



function setTextBox(obj,pos,lbl)
{
	if(obj.value!="")
	{
		var left=pos.style.left;
		var top=pos.style.top;
		infoBoard=document.getElementById("checkInfo"); 
		//notearea=document.getElementById("notearea");
		obj.style.display="none";
		lbl.style.display="inline";
		lbl.innerText=obj.value;
		left=left.replace("px","");
		top=top.replace("px","");
		if(left>150||top>630||left<0||top<90)
		{
			document.getElementById("notearea").bgColor='#FFFFE6';
			infoBoard.innerHTML='请移动到黄色区域';
			return;
		}
		else
		{
			document.getElementById("notearea").bgColor='#FFFFFF';
			infoBoard.innerHTML='';
			writenote(obj,pos.style.left,pos.style.top);
		}
	}
	else
	{
		lbl.style.display="none";
		lbl.innetText="";
	}
}
function setLabel(obj,txt)
{
	txt.style.display="inline";
	txt.focus();
	obj.style.display="none";
}


function writenote(obj,left,top)
{	
	var left;
	var top;
	var Text=obj.value;
	var UserName=getDate();
	infoBoard=document.getElementById("checkInfo"); 
	infoBoard.innerText='写入中...'; 
	myurl="writenote.asp?NoteName="+escape(obj.name)+"&UserName="+escape(UserName)+"&Note="+escape(Text)+"&Leftpos="+escape(left)+"&Toppos="+escape(top); 
	retCode=openUrl(myurl); 
	switch(retCode)
	{ 
		case "-2": 
		infoBoard.innerHTML='抱歉,查询失败';break; 
		case "1": 
		infoBoard.innerHTML='恭喜,写入成功';break; 
		case "0": 
		infoBoard.innerHTML='抱歉,文本空'; 
	} 
return; 
} 

function openUrl(url)
{ 
	var objxml=new ActiveXObject("Microsoft.XMLHttp") 
	objxml.open("GET",url,false);
	objxml.setRequestHeader("Content-Type","text/xml");
objxml.setRequestHeader("Content-Type","gb2312");
 
	objxml.send(); 
	retInfo=objxml.responseText; 
	if (objxml.status=="200")
	{ 
		return retInfo; 
	} 
	else
	{ 
		return "-2"; 
	} 
}

function ssdel()
{
	if (event)
	{
		lObj = event.srcElement ;

		while (lObj && lObj.tagName != "DIV") lObj = lObj.parentElement ;
	}
	var id=lObj.id
	document.getElementById(id).removeNode(true);
     //document.getElementById(id).outerHTML="";//
}

var Obj='';
var index=10000;//z-index;
document.onmouseup=MUp;
document.onmousemove=MMove;

function MDown(Object)
{
	Obj=Object.id
	document.all(Obj).setCapture()
	pX=event.x-document.all(Obj).style.pixelLeft;
	pY=event.y-document.all(Obj).style.pixelTop;
}

function MMove()
{
	if(Obj!='')
	{
		document.all(Obj).style.left=event.x-pX;
		document.all(Obj).style.top=event.y-pY;
	}
}

function MUp()
{
	if(Obj!='')
	{
		document.all(Obj).releaseCapture();
		Obj='';
	}
}

function getFocus(obj)
{
	if(obj.style.zIndex!=index)
	{
		index = index + 2;
		var idx = index;
		obj.style.zIndex=idx;
		//obj.nextSibling.style.zIndex=idx-1;
	}
}
