学步园

js控制弹出窗口

<a onclick="showDiv(${bagId},'${name}','${isShow}')" style="cursor: hand;">编辑</a> 

效果图：

JS点击事件触发代码（红色部分为）：

<script type="text/javascript">
	function showDiv(id,name,isShow){	      		
		var host_div=document.getElementById("host_div");
		var isShowArray = document.getElementsByName("isShow");
		if(host_div.style.display=="none"){
		    host_div.style.display="block";
		    host_div.style.left = (document.body.offsetWidth - 540) / 2; 
		    host_div.style.top = (document.body.offsetHeight - 170) / 2 + document.body.scrollTop;
		}
		document.getElementById("bagName").value=name;        
        for(var i=0;i<isShowArray.length;i++){
          if(isShowArray[i].value==isShow){
            isShowArray[i].checked="true";
          }
        }       		
		document.getElementById("bagId").value=id;
	}
</script>