您的位置:首页 > Web前端 > JQuery

使用jquery iframe 动态实现模态窗口

2012-10-25 10:34 591 查看
需求,单击某个入口时间后触发权限判断,没权限用户弹出注册权限窗口(保持页面,弹出窗口模态,背景色自定义等)。符合权限进行跳转与其他窗口弹出或提示。

<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();继续跳转。

以上,做个记录。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: