使用jquery iframe 动态实现模态窗口
2012-10-25 10:34
591 查看
需求,单击某个入口时间后触发权限判断,没权限用户弹出注册权限窗口(保持页面,弹出窗口模态,背景色自定义等)。符合权限进行跳转与其他窗口弹出或提示。
如上 通过a标签的onclick事件触发JS方法进行动态添加模态效果。
url可通过struts到后台进行逻辑处理(持久层)或者session级别验证,如登陆与否等操作后跳转不同页面(都为模态效果)。
注:如果想让某一个窗口为非模态,可采取曲线救国的思路,在跳转后窗口使用window.open();继续跳转。
以上,做个记录。
<script type="text/javascript"> function showCcbregForm(){ var strUrl = 'url地址'; var strFrame = "<iframe width='800' height='600' frameborder='0' scrolling='no' allowtransparency='true' src='" + strUrl + "'></iframe>"; $(strFrame).modal({ opacity:80, overlayCss: {backgroundColor:"#000"} }); return false; } </script>
如上 通过a标签的onclick事件触发JS方法进行动态添加模态效果。
url可通过struts到后台进行逻辑处理(持久层)或者session级别验证,如登陆与否等操作后跳转不同页面(都为模态效果)。
注:如果想让某一个窗口为非模态,可采取曲线救国的思路,在跳转后窗口使用window.open();继续跳转。
以上,做个记录。
相关文章推荐
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- 使用Jquery仿模态对话框插件Remodal实现弹出响应窗口
- 在ASP.NET中使用IFRAME+DIV,可以实现在同一页面使用弹出(模态)窗口
- 使用jQuery和Bootstrap实现多层、自适应模态窗口
- (精)在ASP.NET中使用IFRAME+DIV,可以实现在同一页面使用弹出(模态)窗口
- Jquery选择器中使用变量实现动态选择例子
- 使用jQuery Uploadify借助Dorado平台实现批量上传文件动态显示实时上传文件状态
- 使用jQuery插件创建常规模态窗口登陆效果
- web前端之锋利的jQuery九:jQuery插件的使用(模态窗口、cookie、UI)
- Qt 使用QMovie加载gif图片实现动态等待窗口
- JavaWeb开发之使用jQuery与Ajax实现动态联级菜单效果
- 使用JQueryUI + FreeMarker 实现Div动态DIalog添加和删除
- 使用jQuery插件创建常规模态窗口登陆效果
- 使用jquery动态生成的标签,需要在代码当中绑定才可以实现事件的监听
- 使用Jquery的局部刷新功能,实现菜单内容的动态切换
- 使用JQuery快速实现Tab的AJAX动态载入(实例讲解)
- 如何使用iframe实现calendar动态显示,
- 使用(jquery) 实现select 对option 的动态选中