`
derek_z
  • 浏览: 16888 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

popup

 
阅读更多
<%@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 弹出框 js

    在网页设计和开发中,`popup`弹出框是一种常见的用户交互元素,它可以在用户进行特定操作或需要显示额外信息时出现。`popup`通常用于登录注册、消息提示、广告展示、确认操作等场景。本篇文章将深入探讨`popup`弹出...

    popup.js及详细示例

    在JavaScript的世界里,`popup.js`通常用于创建自定义的弹出框或对话框,它是一种用户界面元素,用于提供额外的信息或者与用户进行交互。`popup.js`文件是实现这种功能的脚本,它可能包含了创建、显示、隐藏以及处理...

    WPF:带阴影、带箭头的Popup提示框

    在Windows Presentation Foundation (WPF) 中,Popup是一个非常实用的控件,用于创建浮动的、非模态的用户界面元素,它可以显示在主窗口或其他UI元素之上。在本项目"PopupSamples.7z"中,我们可以期待看到一系列的...

    wpf使用Popup封装数据筛选框,wpf使用Popup封装数据筛选框

    在Windows Presentation Foundation (WPF) 中,`Popup`控件是一个非常实用的组件,它能够创建浮动式的用户界面元素,可以在屏幕上的任意位置显示。在数据处理和展示中,我们经常需要实现数据筛选功能,以帮助用户...

    as97Popup.ocx

    【as97Popup.ocx】是一个ActiveX控件,它属于早期互联网应用程序开发中的一个重要组件。ActiveX技术是由微软公司推出的,主要用于Windows平台上的Web浏览器和应用程序,允许开发者创建交互式和动态的内容。ocx是OLE...

    Popup例子 实现弹出窗口的关闭

    "Popup例子 实现弹出窗口的关闭"这个主题聚焦于如何在WP应用中设计并实现一个功能完善的弹出窗口(Popup),并且允许用户通过点击弹出窗口外部的任何地方来关闭它。下面我们将详细探讨这一技术。 首先,Popup是...

    regsvr32.exe as97Popup.ocx无法注册问题需要的控件包

    当您遇到“regsvr32.exe as97Popup.ocx无法注册”这样的错误时,这通常意味着您的系统缺少一个名为`as97Popup.ocx`的控件,这个控件是某些应用程序或功能正常运行所必需的。 `as97Popup.ocx`是一种ActiveX控件,...

    【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)

    【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在Leaflet弹框Popup中使用elementui组件(三)cv可用 【vue+leaflet+elementUI】vue项目中在...

    点击按钮后,出现一个popup

    在Android开发中,"点击按钮后,出现一个popup" 是一种常见的交互设计,它涉及到按钮事件监听和PopupWindow的使用。PopupWindow是Android系统提供的一个轻量级窗口,它可以显示在屏幕任意位置,并且可以自定义其内容...

    Popup

    Popup在IT领域通常指的是弹出窗口或提示框,它是一种用户界面元素,用于显示临时信息、警告、确认或请求用户输入。在网页设计、应用程序开发和操作系统交互中,Popup经常被使用,为用户提供额外的交互可能性。 在...

    关于popup的使用

    Popup在Web开发中通常指的是弹出窗口或者对话框,它是一种常见的用户交互方式,用于显示额外的信息、警告、确认操作或者其他交互元素。标题"关于popup的使用"表明我们将讨论如何在网页中应用popup,而描述中提到...

    popup.js文件

    `popup.js`文件通常是在Web应用程序中用于实现弹窗功能的JavaScript脚本。在这个场景下,`popup.js`可能是一个独立的JavaScript模块,负责处理与弹窗相关的一切交互和逻辑。 弹窗在网页设计中扮演着重要的角色,...

    很好用的popup控件

    Popup控件在网页开发中是一种常见的交互元素,用于弹出窗口或者提示信息,提供额外的交互体验。在本例中,我们讨论的是一个基于jQuery的高效popup控件,它能够展示固定内容、加载远程数据以及嵌入iframe。下面将详细...

    popup.js实现的弹窗效果

    在本案例中,我们关注的是使用`popup.js`库来创建弹窗效果。`popup.js`是一个轻量级、易于集成的JavaScript库,专为实现各种弹窗功能而设计。 首先,我们要理解`popup.js`的基本使用方法。通常,这个库会包含一个...

    使用ArcGISAPI实现多个弹窗弹出;多个Popup窗体弹出,亲测可用。

    本篇将详细讲解如何使用ArcGIS API 实现多个弹窗(Popup)的弹出功能,这对于展示地图上的详细信息、提供用户交互体验至关重要。 首先,ArcGIS API 提供了Popup类,用于在地图上创建弹窗。Popup对象可以包含图层的...

    swift-PopupDialog采用Swif编写的一个简单可定制的iOS弹出对话框.

    PopupDialog是iOS应用开发中的一款库,它使用Swift语言编写,专为创建可自定义的弹出对话框而设计。这个库提供了一种替代UIAlertControllers的alert风格的方式,使得开发者可以更加灵活地调整对话框的外观和功能,以...

    Popup.js(有用例及注释)

    Popup.js 是一个专门为Web开发设计的JavaScript库,专注于创建弹出窗口功能。它以其灵活性和可扩展性而受到赞誉,是Web开发者实现交互式用户体验的一个重要工具。在本篇文章中,我们将深入探讨Popup.js的核心特性、...

    Asp.net下的 popup控件,带项目教程

    在Asp.net开发环境中,Popup控件是一种非常实用的元素,它可以用来实现各种类型的弹出窗口,如消息提示、表单填写、确认操作等。本教程着重讲解如何在Asp.net下使用Popup控件,并结合实际项目进行教学,确保开发者...

    【JavaScript源代码】基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析.docx

    【JavaScript源代码】基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析 在移动应用开发中,弹框组件是不可或缺的一部分,它们用于展示各种信息、警告、确认对话框等。V3Popup是一个专为Vue3.x设计的轻量级手机...

    jquery.popup 弹出层选择 提示

    《jQuery.popup弹出层选择与提示详解》 在网页交互设计中,弹出层(popup)是一种常见的用户界面元素,用于显示临时信息、提示、选择菜单等。jQuery.popup是jQuery库的一个扩展插件,它提供了丰富的功能,使开发者...

Global site tag (gtag.js) - Google Analytics