使用Jquery在JSP页面中弹出对话框

本文介绍在Web开发中遇到的常见问题:页面点击“确定”按钮后,如何将后台处理结果展示在弹出对话框中,并通过用户选择传递回后台进行进一步处理。通过实例代码演示实现过程,包括页面元素样式修改、引入Colorbox库、关闭页面及父子页面间通信等关键步骤。

          大家好,这是本人自进入新公司后,随着做项目不断遇到问题,在此记录一下自己的学习情况,希望对大家也能有所帮助!废话不多说了,直接看问题

         当你在进行WEB开发时,可能会遇到这样的问题,即当你进入一个页面后,点击了一个“确定”按钮,这时需要将后台处理的结果展示到一个弹出的对话框中,供浏览者选择,选择后又将所选的内容传回到后台进行处理,这时候你会怎么处理这种情况呢?听起来业务不是很复杂吧    直接上代码

 j$(document).ready( function() {

j$("#click").click( function() {

j$('#click').css( {

"background-color" :"#f00",

"color" :"#fff",

"cursor" :"inherit"

}).text("Open this window again and this message will still be here.");

return false;

});

});

// colorbox 参数

var colorboxParam = {

width :"30%",

height :"50%",

iframe :true,href :""};

 

下面是关闭页面的代码(这里使用window.close是不好使的):

var callerWindowObj = parent;

callerWindowObj.dofinsh1(gxId);

callerWindowObj.j$.fn.colorbox.close();

这里涉及到了iframe父子页面的问题把前面两段代码 直接方法你的JS文件中,就可以使用了,不需要改动什么另外还需要引入3个文件即:colorbox.css jquery.colorbox.js jquery.min.js 我现在还不会在博客里上传文件 如果有需要的 留下邮箱 我看到了就发给你微笑

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值