主题:  请问:框架的问题

ida77

职务:普通成员
等级:1
金币:0.0
发贴:113
#12005/2/4 13:02:03
上面的框架有个文本输入 ,点的时候有个下拉框,里面是日期型记数器
下面的框架里有个表单
这样,点那个文本框,出来的下拉框的一部分会被下面狂架给挡住,如何解决啊?
如下图

图片如下:



ida77

职务:普通成员
等级:1
金币:0.0
发贴:113
#22005/2/4 13:03:25
下面框架的代码:
<html>
    <head>
    <link href="../css/n97-040823-01.css" rel="stylesheet" type="text/css">
    <link href="../css/screen.css" rel="stylesheet" type="text/css">
    <meta http-equiv="Page-Enter" content="RevealTrans(duration=1,Transitionv=11)">
    <title>
    列表
    </title>
    </head>
    <body >
    
    <form name="calEventForm" method="post" action="/new97web/ms/calEventAction.do" id="privateForm">
     <input type="hidden" name="method" value="delete" />
    <!--<TABLE WIDTH="100%" BORDER="0" CELLPADDING="3" CELLSPACING="1" class="TC_table2">
        <tr>
            <td>选择</td><td>开始时间</td><td>完成时间</td><td>名称</td><td>主题</td><td>创建人</td><td>操作</td>
        </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='24'></td><td>2005-02-02 14:26:11.0</td>
            <td>2005-02-03 14:26:11.0</td><td>test</td><td>test
            </td><td>付艳</td><td><a href='javascriptetail(24)'>修改</a></td>
         </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='25'></td><td>2005-02-02 14:41:22.0</td>
            <td>2005-02-04 14:41:22.0</td><td>程序</td><td>洒的发惧色卡夫君卡所附阿瑟对否扩军阿瑟大款
            </td><td>付艳</td><td><a href='javascriptetail(25)'>修改</a></td>
         </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='22'></td><td>2005-02-03 10:51:44.0</td>
            <td>2005-02-04 10:51:44.0</td><td>测试</td><td>test
            </td><td>付艳</td><td><a href='javascriptetail(22)'>修改</a></td>
         </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='23'></td><td>2005-02-03 13:37:54.0</td>
            <td>2005-02-05 13:37:54.0</td><td>dd</td><td>test
            </td><td>付艳</td><td><a href='javascriptetail(23)'>修改</a></td>
         </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='26'></td><td>2005-02-03 17:14:14.0</td>
            <td>2005-02-04 17:14:14.0</td><td>sd</td><td>ffff
            </td><td>付艳</td><td><a href='javascriptetail(26)'>修改</a></td>
         </tr>
        
         <tr>
            <td><input type="checkbox" name="choses" value='27'></td><td>2005-02-04 17:14:14.0</td>
            <td>2005-02-05 17:14:14.0</td><td>ssss</td><td>sdddddddddddddddddddddddddssssssssssssssssssddddddddd
            </td><td>付艳</td><td><a href='javascriptetail(27)'>修改</a></td>
         </tr>
        
    </table>-->
    <span class="pagebanner">6 项 found, displaying all 项.</span><span class="pagelinks"><strong>1</strong></span>
<table width="100%" height="30" border="0" id="now">
<thead>
<tr>
<th width="50">选择</th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=1">开始时间</a></th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=2">完成时间</a></th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=3">名称</a></th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=4">主题</a></th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=5">状态</a></th>
<th class="sortable">
<a href="calEventAction.do?d-1074-p=1&amp;d-1074-o=2&amp;curr=true&amp;method=allList&amp;d-1074-s=6">发布人</a></th>
<th>修改</th></tr></thead>
<tbody>
<tr class="odd">
<td width="50">
               <input type="checkbox" name="choses" value="24">
          </td>
<td>2005-02-02 14:26:11.0</td>
<td>2005-02-03 14:26:11.0</td>
<td>test</td>
<td>test</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(24)">修改</a></td></tr>
<tr class="even">
<td width="50">
               <input type="checkbox" name="choses" value="25">
          </td>
<td>2005-02-02 14:41:22.0</td>
<td>2005-02-04 14:41:22.0</td>
<td>程序</td>
<td>洒的发惧色卡夫君卡所附阿瑟对否扩军阿瑟大款</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(25)">修改</a></td></tr>
<tr class="odd">
<td width="50">
               <input type="checkbox" name="choses" value="22">
          </td>
<td>2005-02-03 10:51:44.0</td>
<td>2005-02-04 10:51:44.0</td>
<td>测试</td>
<td>test</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(22)">修改</a></td></tr>
<tr class="even">
<td width="50">
               <input type="checkbox" name="choses" value="23">
          </td>
<td>2005-02-03 13:37:54.0</td>
<td>2005-02-05 13:37:54.0</td>
<td>dd</td>
<td>test</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(23)">修改</a></td></tr>
<tr class="odd">
<td width="50">
               <input type="checkbox" name="choses" value="26">
          </td>
<td>2005-02-03 17:14:14.0</td>
<td>2005-02-04 17:14:14.0</td>
<td>sd</td>
<td>ffff</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(26)">修改</a></td></tr>
<tr class="even">
<td width="50">
               <input type="checkbox" name="choses" value="27">
          </td>
<td>2005-02-04 17:14:14.0</td>
<td>2005-02-05 17:14:14.0</td>
<td>ssss</td>
<td>sdddddddddddddddddddddddddssssssssssssssssssddddddddd</td>
<td>未完成</td>
<td>付艳</td>
<td><a href="javascriptetail(27)">修改</a></td></tr></tbody></table>
    
    </form><br /><br/>
    <div align="center">
    </div>
    <script>
    function TableBgLock(Obj){
     if(!Obj.checked){
        Obj.style.backgroundColor='';
     }else{
     Obj.style.backgroundColor='orange';
     }
    }
    function detail(id){
     parent.modTable.style.display="block";
     parent.addTable.style.display="none";
     parent.srchTable.style.display="none";
     parent.modFrame.window.location="calEventAction.do?method=info&id="+id;
    }
    
    </script>
    </body>
    </html>




ida77

职务:普通成员
等级:1
金币:0.0
发贴:113
#32005/2/4 13:03:56
上面框架的代码:





         


    
    
    
    
    
    <html>
    <head>
    <link href="../css/n97-040823-01.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" language="javascript" src="../js/calendarTime.js"></script>
    <meta http-equiv="Page-Enter" content="RevealTrans(duration=1,Transitionv=11)">
    <title>
    SpPtySrch
    </title>
    </head>
    <body >
    <form name="calEventForm" method="post" action="/new97web/ms/calEventAction.do?method=search" id="srchForm">
    <input type="hidden" name="frameSub" value="N">
    <table width="93%" border="0" cellpadding="0" cellspacing="5">
     <tr>
     <td colspan="3" align="left" valign="top">
     <fieldset style="width:100%" align="center">
     <legend align="left" valign="top"><span class="title_text" style=" "><img src="../image/spacer16.gif" width="16" height="16"></span><span class="title_text">查询属性<img src="../image/spacer16.gif" width="16" height="16"></span></legend>
    
         <table width="100%" height="22" border="0" align="left" cellspacing="5" cellpadding="0">
                                          <tr>
                  
                                                                                          <td align="right">开始时间</td>
                <td align="left">
                                         <input type="text" name="startDate" value="" onclick="calendarTime()">
                                                           <img src="../image/star.gif" width="11" height="19">
                              </td>
                                                                                      <td align="right">结束时间</td>
                <td align="left">
                                         <input type="text" name="complDate" value="" onclick="calendarTime()">
                                                           <img src="../image/star.gif" width="11" height="19">
                              </td>                                                             
                
                
                        </tr>
                                                                                          <td align="right">名称</td>
                <td align="left">
                                         <input type="text" name="name" value="">
                                                           <img src="../image/star.gif" width="11" height="19">
                              </td>                                                                     
                  <td align="right">主题内容</td>
                <td align="left">
                                         <input type="text" name="content" value="">
                                                           <img src="../image/star.gif" width="11" height="19">
                              </td>
                
                                                                                                                     </tr>
          </table>
          <input type="hidden" name="end" value="N">
    </fieldset>
     </td>
    
     <td width="3%" align="right">&nbsp;</td>
     <td width="2%"></td>
     </tr>
     <tr>
     <td align="center" colspan=5 >
     <img alt="" src="../image/sub_little_button_cxrc.gif" onclick="srch(srchForm,0)" style="cursor:hand" />
     <img alt="" src="../image/sub_little_button_cxbxwc.gif" onclick="srch(srchForm,1)" style="cursor:hand" />
     <img alt="" src="../image/sub_l_cencal.gif" onclick="can(srchForm)" style="cursor:hand" />
     </td>
     </tr>
    </table>
    </form>
    <script>
    function srch(thisForm,end){
     srchForm.frameSub.value = "Y";
     srchForm.end.value=end;
     srchForm.target="listFrame";
     srchForm.submit();
     parent.addTable.style.display="none";
     clear(thisForm)
    }
    function can(thisForm){
     parent.srchTable.style.display="none";
     parent.addTable.style.display="none";
     parent.modTable.style.display="none";
     clear(thisForm);
    }
    
    
    function clear(form){
     var array = form.elements;
     for(var i=0; i<array.length; i++){
     //alert(array[i].value);
     if(array[i].type=="checkbox"{
     array[i].checked=false;
     continue;
     }
     array[i].value="";
     }
    }
    
    </script>
    </body>
    </html>



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#42005/2/4 13:19:02
这个事情比较难办。。。

因为在 IE 5 里面。。iframe 是窗口类元素。。。 div 是非窗口类元素。。。

无论 zIndex 怎么设定 iframe 都会把 div 挡的结结实实。。。

IE 5.5+ 的话就可以通过 zIndex 确定显示顺序。。

不过说回来。。。为什么非要用一个 iframe 呢?

如果是动态的页面。。。全页动态生成呗?



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#52005/2/4 13:20:45
附: z-index 测试程序。


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]



ida77

职务:普通成员
等级:1
金币:0.0
发贴:113
#62005/2/4 15:17:44
不是iframe, 是框架的frame吧,行者GG说的办法用在frame也能解决吗?



{ 在指尖上绽放的花朵 }

职务:普通成员
等级:5
金币:14.0
发贴:3209
#72005/2/4 23:15:26
frame 就不行了。。。。

毕竟是两个不同的页面。。。

如果非要做弹出效果的话。。。

建议用定位的 web页对话框 。。。。