切换风格

后盾网PHP论坛-php培训论坛-php教程-PHP视频教程-北京PHP培训

  • 咨询热线: 400-682-3231
  • QQ咨询: 联系在线客服老师 联系在线客服老师 联系在线客服老师

QQ登录

只需一步,快速开始

返回列表 发新帖

[web前端] 关于frame里面弹窗定位的问题

[复制链接]
     
  • TA的每日心情
    奋斗
    2017-8-12 14:38
  • 签到天数: 250 天

    [LV.8]以坛为家I

    5

    主题

    623

    帖子

    8295

    积分

    大学生

    Rank: 6Rank: 6

    积分
    8295
    活动推广币
    0 个
    后盾币
    8295 个
    注册时间
    2015-8-10
    在线时间
    161 小时
    帖子
    623
    发表于 2016-8-12 09:36:32 |显示全部楼层 | 阅读模式
    iframe里面嵌套frameset

    frame里面引入其他的页面

    页面里面写个自定义的弹窗,想让弹窗屏幕居中显示,怎么解决?



    解决方案:把自定义弹窗写到源文件的页面,在需要的页面采用为window.top进行控制,请问各路大神这样子的方法可以不

    另外再请教一下是不是牵扯到跨域的问题?求教!!!!!!!!!!!! QQ截图20160811184103.png
         
  • TA的每日心情
    擦汗
    昨天 13:12
  • 签到天数: 2275 天

    [LV.Master]伴坛终老

    5058

    主题

    2万

    帖子

    283万

    积分

    管理员

    ★后盾论坛大管家老鱼★

    Rank: 9Rank: 9Rank: 9

    积分
    2838054
    活动推广币
    12685 个
    后盾币
    2838054 个
    注册时间
    2011-5-5
    在线时间
    8428 小时
    帖子
    23162

    终身成就奖优秀斑竹奖宣传大使奖特殊贡献奖金点子奖原创先锋奖金秋活动荣誉勋章灌水天才奖新人进步奖签到达人奖

    QQ
    发表于 2016-8-12 09:44:19 |显示全部楼层
    代码发上来看下。
         
  • TA的每日心情
    奋斗
    2017-8-12 14:38
  • 签到天数: 250 天

    [LV.8]以坛为家I

    5

    主题

    623

    帖子

    8295

    积分

    大学生

    Rank: 6Rank: 6

    积分
    8295
    活动推广币
    0 个
    后盾币
    8295 个
    注册时间
    2015-8-10
    在线时间
    161 小时
    帖子
    623
    发表于 2016-8-12 09:47:15 |显示全部楼层
    发frame还是都发?
         
  • TA的每日心情
    奋斗
    2017-8-12 14:38
  • 签到天数: 250 天

    [LV.8]以坛为家I

    5

    主题

    623

    帖子

    8295

    积分

    大学生

    Rank: 6Rank: 6

    积分
    8295
    活动推广币
    0 个
    后盾币
    8295 个
    注册时间
    2015-8-10
    在线时间
    161 小时
    帖子
    623
    发表于 2016-8-12 09:47:44 |显示全部楼层
    深水鱼 发表于 2016-8-12 09:44
    代码发上来看下。

    老师,是发frame里面的还是全部都发?
         
  • TA的每日心情
    擦汗
    昨天 13:12
  • 签到天数: 2275 天

    [LV.Master]伴坛终老

    5058

    主题

    2万

    帖子

    283万

    积分

    管理员

    ★后盾论坛大管家老鱼★

    Rank: 9Rank: 9Rank: 9

    积分
    2838054
    活动推广币
    12685 个
    后盾币
    2838054 个
    注册时间
    2011-5-5
    在线时间
    8428 小时
    帖子
    23162

    终身成就奖优秀斑竹奖宣传大使奖特殊贡献奖金点子奖原创先锋奖金秋活动荣誉勋章灌水天才奖新人进步奖签到达人奖

    QQ
    发表于 2016-8-12 09:51:09 |显示全部楼层
    都发一下
         
  • TA的每日心情
    奋斗
    2017-8-12 14:38
  • 签到天数: 250 天

    [LV.8]以坛为家I

    5

    主题

    623

    帖子

    8295

    积分

    大学生

    Rank: 6Rank: 6

    积分
    8295
    活动推广币
    0 个
    后盾币
    8295 个
    注册时间
    2015-8-10
    在线时间
    161 小时
    帖子
    623
    发表于 2016-8-12 09:53:42 |显示全部楼层
    深水鱼 发表于 2016-8-12 09:44
    代码发上来看下。

    <script>
    $(function(){
            //这里是遮罩背景
            function opacityFun(){
                    var top=window.top;
                   
                    //联系人分组
                    var str="";
                    str+="<h2>联系人分组<a class='fr add'><i class='icon-plus'></i></a></h2>";
                    str+="<form action='addOrEditAddressCategory.action' method='post' id='form'>";
                    str+="<ul class='group_manage'>";
                    str+="<s:iterator value='addressBookCategories' var='addressBookCategory'>";
                    str+="<li id='oldLi'>";
                    str+="<input type='text' name='categoryNameArray' value='${addressBookCategory.categoryName}' disabled='disabled'>";
                    str+="<a class='edit'>编辑</a>";
                    str+="<input type='hidden' name='categoryIdArray' value='${addressBookCategory.categoryId}' disabled='disabled'>";
                    str+="<a class='del' >删除</a>";
                    str+="</li>";
                    str+="</s:iterator>";
                    str+="</ul>";
                    str+="<p class='btn_group'>";
                    str+="<center><a  class='save'>保存</a> <a class='cancel'>取消</a> </center>";
                    str+="</p>";
                    str+="</form>";
                   
                    var ele_group=top.document.createElement("div");
                    ele_group.className="dialog_desk_manage over-hide hide";
                    ele_group.id="dialog_desk_manage";
                    ele_group.innerHTML=str;
                   
                     //联系人导入
                    var str_dr="";
                    str_dr+="<h2><dl>";
                    str_dr+="<dd class='border-l' style='border-left:0'>通讯录分类人员信息</dd><dd class='border-r' style='border-right:0'>好友分组</dd>";
                    str_dr+="<br class='clear'></dl></h2><div class='st_tree fl'>";
                    str_dr+="<ul id='treeA' class='ztree'></ul><p>说明:单击人员加入通讯录</p></div>";
                    str_dr+="<div class='fr group'><select id='group_optionA'>";
                    str_dr+="<option value='0'>请选择要导入的分组</option><s:iterator value='addressBookCategories' var='addressBookCategory'>";
                    str_dr+="<option value='${addressBookCategory.categoryId}'>${addressBookCategory.categoryName}</option>";
                    str_dr+="</s:iterator></select><ul class='group_desk' id='group_deskA'></ul>";
                    str_dr+="</div><br class='clear' ><p class='btn_group'><center><a href='javascript:saveBookA();' class='save'>保存</a> <a class='cancel cancel'>取消</a> </center>";
                    str_dr+="</p>";
                   
                    var ele_dr=top.document.createElement("div");
                    ele_dr.className="dialog_desk hide over-hide";
                    ele_dr.id="dialog_desk";
                    ele_dr.innerHTML=str_dr;
                   
                    //删除
                    var ele_del=top.document.createElement("div");
                    ele_del.className="dialog_b over-hide hide";
                    ele_del.id="dialog_b";
                    ele_del.innerHTML="<h2>提示</h2><center><p class='dle_info'>确定要删除吗?</p><div class='btnBox'><a class='sure'>确定</a><a class='nosure'>取消</a></div></center>";
                   
                    //背景
                    var ele_bg=top.document.createElement("div");
                    ele_bg.className="login_window_bg";
                   
                    //内容添加
                    top.document.body.appendChild(ele_group);//联系人分组
                    top.document.body.appendChild(ele_dr);//联系人导入
                    top.document.body.appendChild(ele_del); //删除
                    top.document.body.appendChild(ele_bg);//背景
                   
            }
            opacityFun();
           
           
           
           
           
    })
    </script>跟页面写入弹窗

    //frame操作
    //分组管理
            $('.grouping').click(function(){
                    var top=window.top;
                    var login_window_bg=top.document.getElementsByClassName("login_window_bg")[0];
                    var dialog_desk_manage=top.document.getElementsByClassName("dialog_desk_manage")[0];
                    var dialog_b=top.document.getElementsByClassName("dialog_b")[0];
                    $(login_window_bg).fadeIn(100);
                    $(dialog_desk_manage).show();
                   
                    console.log(login_window_bg);
                    console.log(dialog_desk_manage);
                    console.log(dialog_b);
                   
                    //取消
                    $(dialog_desk_manage).find('.cancel').click(function(){
                            //alert("123");
                            $(dialog_desk_manage).hide();
                            $(login_window_bg).fadeOut(100);
                    });
                   
                    //删除
                    $(dialog_desk_manage).find('.group_manage li .del').click(function(){
                            //var top=window.top;
                            var obj=$(this);
                            if(textNum){
                                            textNum=false;
                                            //top.document.body.appendChild(ele);
                                            //var login_window_bg=top.document.getElementsByClassName("login_window_bg")[0];
                                            //$(login_window_bg).fadeIn(100);
                                            $(dialog_b).show();
                                            //alert("123");
                                            $(dialog_b).find(".nosure").click(function(){
                                                            textNum=true;
                                                            $(dialog_b).hide();
                                                            //$(login_window_bg).fadeOut(100);
                                                            //$(".dialog_b").hide();
                                                            alert(textNum);
                                                    });
                                            $(dialog_b).find(".sure").click(function(){
                                                            textNum=true;
                                                            var id=obj.prev().val();
                                                            //console.info(id);
                                                            /* 请注意下:这里为什么要跳转*/
                                                            //window.location.href="deleteAddressBookCategory.action?categoryId="+id;
                                                            obj.parents("li").remove();
                                                            alert(textNum);
                                                            //top.document.body.removeChild(ele);
                                                            //$(login_window_bg).fadeOut(100);
                                                            $(dialog_b).hide();       
                                                    });
                                    }
                           
                            });
                   
                    //添加分组
                    $(dialog_desk_manage).find(".add").click(function(){
                            //alert("123");
                            $(dialog_desk_manage).find('.group_manage').append(" <li id='newLi'><input type='text' name ='categoryNameArray' value='新建分组' style='border: 1px solid rgb(213, 213, 213);background-color: rgb(248, 248, 248);' ><a  class='edit' >编辑</a><input type='hidden' name ='categoryIdArray' value='0' ><a  class='del' >删除</a></li>");

                            $(dialog_desk_manage).find(".group_manage li:last").children(".del").click(function(){
                                            //alert("123");
                                            var obj=$(this);
                                            if(textNum){
                                                    textNum=false;
                                                    $(dialog_b).show();
                                                    $(dialog_b).find(".nosure").click(function(){
                                                            //alert("不确定");
                                                            textNum=true;
                                                            $(dialog_b).hide();
                                                    });
                                                    $(dialog_b).find(".sure").click(function(){
                                                            //alert("确定")
                                                            textNum=true;
                                                            obj.parents("li").remove();
                                                            $(dialog_b).hide();       
                                                    });
                                            }
                                    });
                            });
                    //保存
                    $(dialog_desk_manage).find(".save").click(function(){
                            //alert("123");
                            $(dialog_desk_manage).find("#form").submit();
                    });
                   
                   
            });
         
  • TA的每日心情
    奋斗
    2017-8-12 14:38
  • 签到天数: 250 天

    [LV.8]以坛为家I

    5

    主题

    623

    帖子

    8295

    积分

    大学生

    Rank: 6Rank: 6

    积分
    8295
    活动推广币
    0 个
    后盾币
    8295 个
    注册时间
    2015-8-10
    在线时间
    161 小时
    帖子
    623
    发表于 2016-8-12 10:01:39 |显示全部楼层
    鳕鱼 发表于 2016-8-12 09:53
    $(function(){
            //这里是遮罩背景
            function opacityFun(){
    1. <body class="bg-image">
    2. <!--中间部分-->
    3.     <iframe src="<%=path %>/toSettingsDesk.action?flag=${flag}" class="window"></iframe>
    4. <!--底部内容-->
    5. <%@ include file="/common/footer.jsp"%>
    6. <iframe id="clearUt0" style="display:none;"></iframe>
    7. <script type="text/javascript">
    8. <%-- var urlArray=[{'url':'${zoneBasePath}'},{'url':'${resBasePath}'},{'url':'<%=basePath%>'}];
    9. for(var i=0;i<urlArray.length;i++){
    10.         var json = urlArray[i];
    11.         $("#clearUt"+i).attr("src",json.url+'/ssoFreshSession.jsp');
    12. } --%>
    13. $("#clearUt0").attr("src",'${ssoBasePath}/updateSessionUser');
    14. </script>这个根目录

    15. //这个是frameset
    16. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    17. <html>
    18.   <frameset cols="160,840" frameborder="0" noresize="noresize">
    19.   <frame src="<%=path %>/toSettingsLeft.action?flag=${flag}" style="border:solid 1px #d5d5d5;border-right:none;">
    20.         <s:if test="flag eq "rrtZonePhoto"">
    21.                 <frame src="<%=path %>/toSetPhoto.action" name="right_bottom" style="border:solid 1px #d5d5d5;">
    22.         </s:if>
    23.         <s:else>
    24.                 <frame src="<%=path %>/getUserInformation.action" name="right_bottom" style="border:solid 1px #d5d5d5;">
    25.         </s:else>
    26. </frameset>
    27. </html>
    复制代码

    发表回复

    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    快速回复 返回顶部 返回列表