html 浮动窗口

		<input type="text" size="84" id="receiver"/>
		<input type="button" value="批量输入" onclick="createInputDialog(this,'1','')" name="riskbehavior"/>	


function createInputDialog(obj,id,value)
{  
    var div=document.getElementById("editBehaviorDiv");  
    if(div!=null)  
        document.body.removeChild(div);  
    div = document.createElement("div");   
    div.id="editBehaviorDiv";  
    div.style.position='absolute';  
    var op=getoffset(obj); 
    div.style.top= "100px";  
    div.style.left= (document.body.clientWidth - 374)/2.0 + "px";  
    div.style.zIndex =100;  
    div.style.backgroundColor='#ecf1f6';  
    div.style.border="1px solid #666";  
    //div.className="td1";  
    div.innerHTML="<textarea name='behaviorValue' id='behaviorValue' cols='50' rows='8'>"+value+  
    "</textarea><br/><input type='button' value='修改' onclick=\"saveBehaviorname(this.parentNode,'"+id+"')\" />"+  
    "<input type='button' value='取消' id='cancelButton' onclick='document.body.removeChild(this.parentNode);'/>";  
    document.body.appendChild(div);  
    document.all.behaviorValue.focus();  
}   

function saveBehaviorname(obj,id)
{
    var behaviorValue = document.all.behaviorValue.value;
    var idsArray = new Array(); //定义一数组 
    idsArray = behaviorValue.split("\n"); //字符分割
    var idsString = "";
    for (i = 0; i < idsArray.length; i++) 
    { 
    	var temp = idsArray[i].Trim();
    	if(temp != null && temp != "")
    	{
    		idsString = idsString + idsArray[i].Trim() + ";"
    	}
    } 
    var str = "";
    for (i = 0; i < idsArray.length; i++) 
    { 
    	str = str + idsArray[i].Trim();
    } 
    document.getElementById('receiver').value = idsString;
    document.body.removeChild(obj);
}  

function getoffset(e)   
{   
	var t=e.offsetTop;   
	var l=e.offsetLeft;   
	while(e=e.offsetParent)   
	{   
   		t+=e.offsetTop;   
   		l+=e.offsetLeft;   
	}   
	var rec = new Array(1);   
	rec[0] = t;   
	rec[1] = l;   
	return rec   
} 

效果如图:

技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。