页面onclick触发代码:
function selectVoice(obj)
{
//window.location.href="${request.contextPath}/callcenter/toAgentManagePhone.action";
//设置iframe弹出的窗体的iframeId
var url = "${request.contextPath}/callcenter/toAgentManagePhone.action";
listView = new DlgUtil().makePane(url,'<isap:label value="'选择座席电话号码'" />',"160px","100px","350px","400px",null);
listView.show();
var isvQueryResDeal = getQueryResDeal();
isvQueryResDeal.open(listView,getPhoneValue);
}
function getQueryResDeal()
{
/*对应各种资源的处理函数*/
var queryResDeal =
{
handleSubscible:null, //资源订购句柄
handleConnect:null, //关联事件句柄
subResName:null, //资源名
callBack:null, //回调函数
deal : function(message)
{
if (null != message && message.length > 0 && null != this.callBack)
{
this.callBack(message);
}
else if(null != this.callBack)
{
this.callBack();
}
},
open: function(obj,obj1)
{
this.close();
//动态获取资源名称,资源名称和wigetId相同
this.subResName = getWidgetId();
//指定回调函数
this.callBack = obj1;
//订购资源
this.handleSubscible = dojoSubscribe(this.subResName, queryResDeal, "deal");
/*关联obj的关闭事件处理函数*/
this.handleConnect = dojoConnect(obj, "onHide", null, function(event){
widgetIdDec();
queryResDeal.close();
dojoStopEvent(event);
});
},
close: function()
{
//取消事件关联
if (null != this.handleConnect)
{
dojoDisConnect(this.handleConnect);
this.handleConnect = null;
}
//取消订购
if (null != this.handleSubscible)
{
dojoUnSubscribe(this.subResName, queryResDeal, "deal");
this.handleSubscible = null;
}
}
};
return queryResDeal;
}
<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<script type='text/javascript' src='${request.contextPath}/js/frame/dojo/dojo.js'></script>
<script type="text/javascript">
function dojoAddOnLoad(handler)
{
dojo.addOnLoad(handler);
}
//dojo发布事件,将在值传递给订阅该事件的页面
function dojoPublish(topic, args)
{
window.top.dojo.event.topic.publish(topic, args);
closeWidgetWin();
}
//订阅事件,用于弹出窗体时
function dojoSubscribe(topic, context, handler)
{
var B = window.top.dojo.event.topic.getTopic(topic);
return B.subscribe(context, handler);
}
//关闭订阅事件
function dojoUnSubscribe(topic, context, handler)
{
window.top.dojo.event.topic.unsubscribe(topic, context, handler);
}
//设置回调函数
function dojoConnect(obj, event, context, handler)
{
return window.top.dojo.event.connect(obj, event, handler);
}
//关闭回调事件
function dojoDisConnect(handle)
{
window.top.dojo.event.disconnect(handle);
}
//关闭指定事件
function dojoStopEvent(event)
{
window.top.dojo.event.browser.stopEvent(event);
}
//根据widgetId关闭widget对象
function closeWidgetWin()
{
var jsWidgetId = getWidgetId();
if (null == jsWidgetId)
{
return;
}
var curWidget = window.top.dojo.widget.byId(jsWidgetId);
curWidget.closeWindow();
}
//获取全局变量中的widgetId
function getWidgetId()
{
return window.top.widgetId;
}
//弹出窗体要对widgetId进行增加处理
function widgetIdInc()
{
if (null == window.top.widgetId)
{
window.top.widgetId = "1234";
}
else
{
window.top.widgetId = parseInt(window.top.widgetId) + 1 + "";
}
}
//关闭窗口时要将改widgetId消除
function widgetIdDec()
{
if (null != window.top.widgetId)
{
window.top.widgetId = parseInt(window.top.widgetId) - 1 + "";
}
}
function myclick(param,totalSize,rowsPerPage,currentPage)
{
var check='<isap:message key="BPO.PAGENATION.NUMBER.CHECK"/>';
var cofirm='<isap:message key="BPO.COM.BUTTON.COFIRM"/>';
var over='<isap:message key="BPO.PAGENATION.NUMBER.MAX.OVER"/>';
var targetPage = document.getElementById("targetPage").value;
var pattern=/^[1-9][0-9]*$/;
if(!pattern.test(targetPage))
{
top.myAlertWindow("null", check, cofirm, '3');
document.getElementById("targetPage").value=currentPage;
return;
}
var maxPage;
if(totalSize % rowsPerPage == 0)
{
maxPage = totalSize/rowsPerPage;
}
else
{
maxPage = totalSize/rowsPerPage+1;
}
if(targetPage>maxPage)
{
top.myAlertWindow("null", over, cofirm, '3');
document.getElementById("targetPage").value=currentPage;
return;
}
document.location.href=encodeURI(param+targetPage);
}
//查询提交时检验每页显示的记录数
function checkPage(rowsPerPage)
{
var flag = true;
if(rowsPerPage == undefined || rowsPerPage == null)
{
var rowsPerPage = "rowsPerPage";
}
//输入的每页记录数不能大于200,页不能为01、0等格式的数字
var rowsPerPage = document.getElementById(rowsPerPage);
if (rowsPerPage.value > 200 || rowsPerPage.value.substring(0,1) == "0")
{
alert_divMsg('<isap:message key="BPO.COM.CHECK.RANGEERROR"/>','<isap:message key="BPO.TENANT.COMMON.COFIRM"/>',"<isap:message key='BPO.FRAME.NOTICE'/>");
rowsPerPage.focus();
flag = false;
}
else
{
return true;
}
return flag;
}
// 判断密码是否一致
function accordPassword(v_firstPwd , v_secondPwd)
{
if (v_firstPwd != v_secondPwd)
{
alert_divMsg('<isap:message key="BPO.USER.TENANT.ALERT.REPASSWORD"/>','<isap:message key="BPO.COM.BUTTON.COFIRM"/>','<isap:message key="BPO.FRAME.NOTICE"/>');
return false;
}
else
{
return true;
}
}
alert_prompt='<isap:message key="BPO.COM.PROMPT"/>';
</script>
分享到:
相关推荐
登录弹出框是网页设计中常见的一种交互元素,主要用于用户身份验证或收集用户信息。在JavaScript(JS)的帮助下,我们可以创建动态、响应式的登录弹出框,提升用户体验。本资源"登录弹出框JS网页特效"很可能是提供了...
总结,div弹出框和js弹出框都是实现网页交互的有效手段,它们允许开发者根据需求定制弹出框的样式和功能。通过熟练掌握这两种方法,我们可以为用户提供更加丰富和个性化的网页体验。在实际应用中,结合CSS和...
1. **创建iframe**:在子页面HTML中,我们需要创建一个`iframe`元素,并设置相应的属性,如`src`指向要加载的页面,`width`和`height`定义弹出框的大小,以及`style`属性用于设置初始的隐藏状态。 2. **遮罩层**:...
在Web开发中,弹出框通常是网页内容之外独立显示的小窗口,用于与用户进行交互。原生JavaScript提供了一些基本的弹出框类型,如alert、confirm和prompt。然而,这些原生弹出框往往设计简单,功能有限,无法满足现代...
2. 模态对话框:阻止用户在弹出框显示时与页面其他部分交互,提高用户体验。 3. 多功能弹出框:设计不同类型的弹出框(如提示、确认、输入)并复用,减少代码冗余。 4. 动画效果:添加过渡动画,使弹出框的出现和...
网页自动弹出框是网页设计中一种常见的交互方式,它能够吸引用户注意力并提供关键信息或功能。在网站开发中,实现这样的效果通常涉及到JavaScript、HTML和CSS这三种核心技术。 首先,HTML(HyperText Markup ...
6. **回调函数和异步操作**:如果弹出框的内容需要从服务器获取,可以使用Ajax进行异步请求,并在数据加载完成后更新弹出框的内容。 7. **响应式设计**:考虑到不同设备和屏幕尺寸,可能还需要为弹出框添加响应式...
- 弹出框:通常是指在网页主内容之上显示的浮动窗口,用于展示信息或获取用户输入,它可以阻止用户与背景页面的交互,直到弹出框被关闭。 - jQuery:一个轻量级、高性能的JavaScript库,简化DOM操作、事件处理、...
通过IFrame,弹出框可以加载外部页面或嵌入网页中的某个部分,使得弹出框能够承载更复杂的内容,比如表单填写、富文本编辑等。 5. **版本管理**:在压缩包中提到的`artDialog4.1.6`表明这是artDialog的一个特定版本...
"`确保在页面加载时不显示弹出框。`<h2>`和`<p>`元素用于展示标题和内容,而`<button>`元素则是关闭弹出框的触发器。 接下来是CSS部分,用于美化我们的弹出框。我们可以设定弹出框的位置、样式以及透明度等属性,...
在IT领域,弹出框和对话框是用户界面(UI)设计中不可或缺的元素,它们用于向用户提供信息、获取输入或者执行特定操作。本项目提供了一个简易的弹出框框架,名为"layer-v1.6.0",它能够帮助开发者轻松地实现各种类型...
在Android应用开发中,"加载页面弹出框"是一个常见的用户界面元素,它通常用于在进行后台数据加载或处理时向用户提供反馈,显示一个正在旋转的菊花或者其他的进度指示符,让用户知道应用正在进行操作,而不是卡住...
1. `lhgdialog.html`:这可能是示例或演示页面,展示了弹出框的各种用法和样式。 2. `_default.html`:可能包含了弹出框的默认配置或者基础模板,用于快速初始化和自定义弹出框。 3. `lhgcore.min.js` 和 `lhgdialog...
"Model弹出框"在前端开发中是一种常见的用户交互元素,用于显示临时信息、提示、表单或任何需要从主页面分离出来的内容。它通常是一个浮动的层,覆盖在页面主要内容之上,允许用户与弹出框进行交互而不离开当前页面...
例如,可以在弹出框显示时加载内容,关闭时保存用户输入。 总之,jQuery弹出框是网页交互中的重要组成部分,通过理解基本的JavaScript对话框、自定义模态窗口的创建以及利用jQuery插件,我们可以创建出丰富多样的弹...
2. **网页内容弹出框**:这种弹出框更复杂一些,可能需要加载外部网页的内容。这通常会用到`XMLHttpRequest`或`fetch` API进行异步请求,获取网页HTML后,将其插入到弹出框内。为了确保安全和性能,可能需要使用`...
网页弹出框是网页设计中常见的一种交互元素,主要用于向用户显示重要的信息、提示或进行交互操作。在网页开发中,弹出框可以是警告、确认、询问对话框,也可以是模态窗口或者非模态窗口,用于承载更复杂的内容。本...
"jQuery div 弹出框"是指使用jQuery技术来创建一个可自定义的、浮动于页面上的对话框或提示框,通常称为模态窗口。这种弹出框通常用于显示警告、确认信息、详细内容或表单等。以下将详细讲解如何实现jQuery div弹出...
如果使用插件,只需在页面加载后调用插件方法,并传递参数以配置弹出框的行为。 以上就是关于"jQuery弹出层插件三种简单遮罩弹出框效果"的详细解释。在实际开发中,根据项目需求和性能考虑,可以选择适合的实现...
弹出框在网页设计中非常常见,用于显示额外信息、提示用户或进行互动操作,如警告、确认对话框、图片画廊等。 1. jQuery弹出框基础 jQuery提供了多种方法来创建弹出框效果,如`.dialog()`和`.lightbox()`等。在...