popup

最新推荐文章于 2025-08-19 18:46:01 发布
原创最新推荐文章于 2025-08-19 18:46:01 发布 · 124 阅读
0 ·
CC 4.0 BY-SA版权
文章标签：
#xhtml #java #javascript #ViewUI
LearningNotes 专栏收录该内容
16 篇文章
订阅专栏
<%@page import="java.io.*, java.util.*"%>
<%@ page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/WEB-INF/tld/struts-html-el.tld" prefix="html" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<script type="text/javascript">
			function $Id(o){ //获取对象
				if(typeof(o) == "string")
			 	return document.getElementById(o);
			 	return o;
			}
			function openBg(state){ //遮照打开关闭控制
			 if(state == 1)
			 {
			  $Id("bgContent").style.display = "block";
			  var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight;
			  $Id("bgContent").style.height = h + "px";
			 }
			 else
			 {
			  $Id("bgContent").style.display = "none";
			 } 
			}
			function showContent(state){ // 层关闭打开控制
					//openBg(state);
				 if(state == 1)  {
				  $Id("content").style.display = "block";
				  $Id("content").style.left = ( document.body.offsetWidth -205 - $Id("content").offsetWidth)/2 + "px";
				  $Id("content").style.top = document.body.scrollTop + 200 - 81 + "px";  
				 } else {
				  $Id("content").style.display = "none";
				 }
			}
			function open(id,state){ //显示隐藏控制
			 if(state == 1)
			 $Id(id).style.display = "block";
			 $Id(id).style.diaplay = "none";
			}
			function makeSure(){
			 //openBg(0);
			 showContent(0);
			}
			/* 鼠标拖动 */
			var oDrag = "";
			var ox,oy,nx,ny,dy,dx;
			function drag(e,o){
			 var e = e ? e : event;
			 var mouseD = document.all ? 1 : 0;
			 if(e.button == mouseD)
			 {
			  oDrag = o.parentNode;
			  ox = e.clientX;
			  oy = e.clientY;  
			 }
			}
			function dragPro(e){
			 if(oDrag != "")
			 { 
			  var e = e ? e : event;
			  dx = parseInt($Id(oDrag).style.left);
			  dy = parseInt($Id(oDrag).style.top);
			  nx = e.clientX;
			  ny = e.clientY;
			  $Id(oDrag).style.left = (dx + ( nx - ox )) + "px";
			  $Id(oDrag).style.top = (dy + ( ny - oy )) + "px";
			  ox = nx;
			  oy = ny;
			 }
			}
			document.onmouseup = function(){oDrag = "";}
			document.onmousemove = function(event){dragPro(event);}
		</script>
	</head>
	<body>
		<form action="saveDeal.do" method="post">
			<div id="content" class="hidden" >
				<div class="tit move" onmousedown="drag(event,this)">
					<span class="left">Create New Deal</span>
				</div>
				<div class="popupElement" style="margin-top: 15px">
					Business Model: 
					<select name="dealMasterTO.businessModel" class="form_field" style="width: 200px;">
						<option value="Value Direct">Value Direct</option>
						<option value="Value Indirect">Value Indirect</option>
						<option value="Value Promotion">Value Promotion</option>
						<option value="Volume Direct">Volume Direct</option>
						<option value="Volume Indirect">Volume Indirect</option>
						<option value="Volume Promotion">Volume Promotion</option>
						<option value="OEM">OEM</option>
					</select>
				</div>			 
				<div class="popupElement">
					Business Unit: 
					<select name="dealMasterTO.businessUnit" class="form_field" style="width: 200px;">
						<option value="BCS">BCS</option>
						<option value="ISS">ISS</option>
						<option value="HPSD">HPSD</option>
						<option value="TS">TS</option>
					</select>
				</div>
				<div class="popupElement">
					Currency:
					<select name="dealMasterTO.currency" class="form_field" style="width: 200px;">
						<option value="USD">USD</option>
						<option value="RMB">RMB</option>
					</select>
				</div>
				<div  class="popupElement">
					Opportunity ID: <input name="dealMasterTO.opportunityId" class="form_field" style="width: 200px;"></input> 
				</div>
				<div style="text-align: right; margin: 10px 10px 0px 0px;">
					<input type="submit" class="ext_btn" value="OK"/>
					<input type="button" class="ext_btn" onclick="showContent(0)" value="Cancel" />
				</div>
			</div>
		</form>
	</body>
</html>