<%@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"中,我们可以期待看到一系列的...
在Windows Presentation Foundation (WPF) 中,`Popup`控件是一个非常实用的组件,它能够创建浮动式的用户界面元素,可以在屏幕上的任意位置显示。在数据处理和展示中,我们经常需要实现数据筛选功能,以帮助用户...
【as97Popup.ocx】是一个ActiveX控件,它属于早期互联网应用程序开发中的一个重要组件。ActiveX技术是由微软公司推出的,主要用于Windows平台上的Web浏览器和应用程序,允许开发者创建交互式和动态的内容。ocx是OLE...
"Popup例子 实现弹出窗口的关闭"这个主题聚焦于如何在WP应用中设计并实现一个功能完善的弹出窗口(Popup),并且允许用户通过点击弹出窗口外部的任何地方来关闭它。下面我们将详细探讨这一技术。 首先,Popup是...
当您遇到“regsvr32.exe as97Popup.ocx无法注册”这样的错误时,这通常意味着您的系统缺少一个名为`as97Popup.ocx`的控件,这个控件是某些应用程序或功能正常运行所必需的。 `as97Popup.ocx`是一种ActiveX控件,...
【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在...
在Android开发中,"点击按钮后,出现一个popup" 是一种常见的交互设计,它涉及到按钮事件监听和PopupWindow的使用。PopupWindow是Android系统提供的一个轻量级窗口,它可以显示在屏幕任意位置,并且可以自定义其内容...
Popup在IT领域通常指的是弹出窗口或提示框,它是一种用户界面元素,用于显示临时信息、警告、确认或请求用户输入。在网页设计、应用程序开发和操作系统交互中,Popup经常被使用,为用户提供额外的交互可能性。 在...
Popup在Web开发中通常指的是弹出窗口或者对话框,它是一种常见的用户交互方式,用于显示额外的信息、警告、确认操作或者其他交互元素。标题"关于popup的使用"表明我们将讨论如何在网页中应用popup,而描述中提到...
`popup.js`文件通常是在Web应用程序中用于实现弹窗功能的JavaScript脚本。在这个场景下,`popup.js`可能是一个独立的JavaScript模块,负责处理与弹窗相关的一切交互和逻辑。 弹窗在网页设计中扮演着重要的角色,...
Popup控件在网页开发中是一种常见的交互元素,用于弹出窗口或者提示信息,提供额外的交互体验。在本例中,我们讨论的是一个基于jQuery的高效popup控件,它能够展示固定内容、加载远程数据以及嵌入iframe。下面将详细...
在本案例中,我们关注的是使用`popup.js`库来创建弹窗效果。`popup.js`是一个轻量级、易于集成的JavaScript库,专为实现各种弹窗功能而设计。 首先,我们要理解`popup.js`的基本使用方法。通常,这个库会包含一个...
本篇将详细讲解如何使用ArcGIS API 实现多个弹窗(Popup)的弹出功能,这对于展示地图上的详细信息、提供用户交互体验至关重要。 首先,ArcGIS API 提供了Popup类,用于在地图上创建弹窗。Popup对象可以包含图层的...
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库的一个扩展插件,它提供了丰富的功能,使开发者...