<%@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>
分享到：
相关推荐
在网页设计和开发中，`popup`弹出框是一种常见的用户交互元素，它可以在用户进行特定操作或需要显示额外信息时出现。`popup`通常用于登录注册、消息提示、广告展示、确认操作等场景。本篇文章将深入探讨`popup`弹出...
在JavaScript的世界里，`popup.js`通常用于创建自定义的弹出框或对话框，它是一种用户界面元素，用于提供额外的信息或者与用户进行交互。`popup.js`文件是实现这种功能的脚本，它可能包含了创建、显示、隐藏以及处理...
在Windows Presentation Foundation (WPF) 中，Popup是一个非常实用的控件，用于创建浮动的、非模态的用户界面元素，它可以显示在主窗口或其他UI元素之上。在本项目"PopupSamples.7z"中，我们可以期待看到一系列的...
【as97Popup.ocx】是一个ActiveX控件，它属于早期互联网应用程序开发中的一个重要组件。ActiveX技术是由微软公司推出的，主要用于Windows平台上的Web浏览器和应用程序，允许开发者创建交互式和动态的内容。ocx是OLE...
"Popup例子 实现弹出窗口的关闭"这个主题聚焦于如何在WP应用中设计并实现一个功能完善的弹出窗口（Popup），并且允许用户通过点击弹出窗口外部的任何地方来关闭它。下面我们将详细探讨这一技术。 首先，Popup是...
当您遇到“regsvr32.exe as97Popup.ocx无法注册”这样的错误时，这通常意味着您的系统缺少一个名为`as97Popup.ocx`的控件，这个控件是某些应用程序或功能正常运行所必需的。 `as97Popup.ocx`是一种ActiveX控件，...
在Android开发中，"点击按钮后，出现一个popup" 是一种常见的交互设计，它涉及到按钮事件监听和PopupWindow的使用。PopupWindow是Android系统提供的一个轻量级窗口，它可以显示在屏幕任意位置，并且可以自定义其内容...
【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在...
Popup在IT领域通常指的是弹出窗口或提示框，它是一种用户界面元素，用于显示临时信息、警告、确认或请求用户输入。在网页设计、应用程序开发和操作系统交互中，Popup经常被使用，为用户提供额外的交互可能性。 在...
Popup在Web开发中通常指的是弹出窗口或者对话框，它是一种常见的用户交互方式，用于显示额外的信息、警告、确认操作或者其他交互元素。标题"关于popup的使用"表明我们将讨论如何在网页中应用popup，而描述中提到...
`popup.js`文件通常是在Web应用程序中用于实现弹窗功能的JavaScript脚本。在这个场景下，`popup.js`可能是一个独立的JavaScript模块，负责处理与弹窗相关的一切交互和逻辑。 弹窗在网页设计中扮演着重要的角色，...
Popup控件在网页开发中是一种常见的交互元素，用于弹出窗口或者提示信息，提供额外的交互体验。在本例中，我们讨论的是一个基于jQuery的高效popup控件，它能够展示固定内容、加载远程数据以及嵌入iframe。下面将详细...
本篇将详细讲解如何使用ArcGIS API 实现多个弹窗（Popup）的弹出功能，这对于展示地图上的详细信息、提供用户交互体验至关重要。 首先，ArcGIS API 提供了Popup类，用于在地图上创建弹窗。Popup对象可以包含图层的...
在本案例中，我们关注的是使用`popup.js`库来创建弹窗效果。`popup.js`是一个轻量级、易于集成的JavaScript库，专为实现各种弹窗功能而设计。 首先，我们要理解`popup.js`的基本使用方法。通常，这个库会包含一个...
PopupDialog是iOS应用开发中的一款库，它使用Swift语言编写，专为创建可自定义的弹出对话框而设计。这个库提供了一种替代UIAlertControllers的alert风格的方式，使得开发者可以更加灵活地调整对话框的外观和功能，以...
Popup.js 是一个专门为Web开发设计的JavaScript库，专注于创建弹出窗口功能。它以其灵活性和可扩展性而受到赞誉，是Web开发者实现交互式用户体验的一个重要工具。在本篇文章中，我们将深入探讨Popup.js的核心特性、...
在Asp.net开发环境中，Popup控件是一种非常实用的元素，它可以用来实现各种类型的弹出窗口，如消息提示、表单填写、确认操作等。本教程着重讲解如何在Asp.net下使用Popup控件，并结合实际项目进行教学，确保开发者...
【JavaScript源代码】基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析 在移动应用开发中，弹框组件是不可或缺的一部分，它们用于展示各种信息、警告、确认对话框等。V3Popup是一个专为Vue3.x设计的轻量级手机...
《jQuery.popup弹出层选择与提示详解》 在网页交互设计中，弹出层（popup）是一种常见的用户界面元素，用于显示临时信息、提示、选择菜单等。jQuery.popup是jQuery库的一个扩展插件，它提供了丰富的功能，使开发者...
`popup.js`就是用于实现这一功能的脚本文件。在本篇文章中，我们将深入探讨如何使用`popup.js`来创建具有用户友好的弹出消息提示框效果，并通过代码示例进行详细解释。 首先，`popup.js`的核心是利用JavaScript的...