`
baby414
  • 浏览: 29176 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js实现添加成功后的弹出层提示信息

JSP 
阅读更多
实现原理:后台返回一个"message"的提示信息,在jsp页面获取,若不为空,就调用jsp页面的弹出层展示message,若为空(初始化时)则不做任何操作


在需要实现页面上添加(放在form中):
<div id="dialog-message" title="提示信息">
<p>
${message}
</p>
</div>
Title:为弹出层的标题栏,可自行设定

在页面的<head>下添加如下函数:
<script type="text/javascript">
if('${message}'!=null && '${message}'!=""){
$(function() {
$( "#dialog-message" ).dialog({
modal: true,
buttons: {
"确定": function() {
location.href="/message/list.action";
},
Ok: function() {
$( this?).dialog( "close" );
}
}
});
});

}
</script>

Message:后台传入的参数,一般为需要显示给用户查看消息
"确定"和"OK"是弹出层的两个按钮,可自行添加需要跳转的链接


页面需要导入以下的样式表和js
<link href="/lbui/ui-lightness/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/common/js/message/jquery-ui-1.8.9.custom.min.js"></script>


分享到:
评论

相关推荐

    ymprompt消息提示组件4.0【js插件弹出框美化版】

    setDefaultCfg(cfg):设定组件的默认属性,设定后的所有弹出均默认采用cfg中的设置。 如:ymPrompt.setDefaultCfg({maskAlpha:0.2,maskAlphaColor:'#00f'}); //设定遮罩层颜色为蓝色,透明度0.2 getPage():在...

    JS组件Bootstrap实现弹出框效果代码

    为页面内容添加一个小的覆盖层,就像iPad上的效果一样,为页面元素增加额外的信息。 插件依赖 弹出框依赖工具提示插件,因此需要先加载工具提示插件。 选择性加入的功能 出于性能方面的考虑,工具提示和弹框组件的...

    程序天下:JavaScript实例自学手册

    5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...

    JavaScript网页特效范例宝典源码

    1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例...

    《程序天下:JavaScript实例自学手册》光盘源码

    5.1 div层提示效果 5.2 层自动滚动到最底端 5.3 div的自动滚动 5.4 div的折迭效果 5.5 圆角div 5.6 动态添加iframe框架 5.7 用层实现长文章分页 5.8 iframe自适应高度 5.9 类似MSN的消息提示 5.10 只打印iframe的...

    精通JS脚本之ExtJS框架.part1.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

    精通JS脚本之ExtJS框架.part2.rar

    10.5 从节点弹出对话框 10.6 节点提示信息 10.7 为节点设置超链接 10.8 树形的拖放 10.8.1 节点拖放的3种形式 10.8.2 叶子不能append 10.8.3 判断拖放的目标 10.8.4 树之间的拖放 10.9 树形过滤器TreeFilter...

    jQuery 表单验证插件

    第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息提示功能,可以灵活的控制4种状态...

    jQuery formValidator表单验证插件示例源码

    第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息提示功能,可以灵活的控制4种状态...

    jQuery formValidator表单验证插件

    第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息提示功能,可以灵活的控制4种状态...

    jQuery formValidator表单验证插件开源了!!含API帮助、源码、示例

    第二种:弹出窗口提示(showalert模式) 支持多个校验组。如果一个页面有多个提交按钮,分别做不同得提交,提交前要做不同的校验,所以你得用到校验组的功能。 支持4种状态的信息提示功能,可以灵活的控制4种状态...

    ExtAspNet_v2.3.2_dll

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -Grid增加GetNoSelectionAlertInParentReference函数,用来表示没有选中任何一项时在父页面弹出对话框的JS代码。 -修正IE7下不能以下划线作为CSS中类名的前缀的BUG(feedback:Steve.Wei)。 -添加定时器控件Timer,...

    KODExplorer 芒果云-资源管理器

    - 弹出层中的弹出层关闭,父窗口失去焦点问题。 - 代码中grunt部分代码拆分开,放到程序外面;提交到git、osc - 桌面:删除alert enter快捷键删除 - install 检测 加入跳过,(只判断用到的函数) 加入多语言 - ...

    会议信息管理系统详细设计

    设计时我尽可能设想各种边界条件,如记录为空,输入为空,输入出错等,当输入的信息满足这些边界条件时,将会弹出一个提示框提醒用户,以便用户能及时地做出修改。添加的信息将全部存储到数据库中。 在窗体上放置多...

    asp.net知识库

    用于弹出ModalDialog进行数据选择的控件 使用.ashx文件处理IHttpHandler实现发送文本及二进制数据的方法 制作一个简单的多页Tab功能 一完美的关于请求的目录不存在而需要url重写的解决方案! 在C#中实现MSN消息框的...

    js form 验证函数 当前比较流行的错误提示

    前段时间写了一个 js数据验证、js email验证、js url验证、js长度验证、js数字验证等 弹出对话框形式的 但是,现在不太流行那种很不友好的方式,于是重写了一个,封装得更加好的,更友好的层形式 共享给大家,如果大家...

    java开源包3

    它能够在日期输入框后面弹出一个日历。 网页搜索爬虫 BlueLeech BlueLeech是一个开源程序,它从指定的URL开始,搜索所有可用的链接,以及链接之上的链接。它在搜索的同时可以下载遇到的链接所指向的所有的或预定义...

    LearnSite(swfupload版) 1.2.0.1 20120708b.rar

    2012.7.4 教师平台学生管理中学生信息使用弹出层显示;上课页面学习态度评价时未打分时添加出错修正 2012.7.3 部分小页面,使用弹出层浏览(tinybox) 2012.7.2 活动编辑时选择作品类型时刷新页面导致编辑器内容...

Global site tag (gtag.js) - Google Analytics