火弧下带iframe框架拖动

最新推荐文章于 2022-07-19 12:03:59 发布

罗白莲

最新推荐文章于 2022-07-19 12:03:59 发布

阅读量834

点赞数

分类专栏： ajax/js/css 文章标签： iframe 框架 function div server button

本文链接：https://blog.csdn.net/luobailian/article/details/5638909

版权

ajax/js/css 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

o.οnmοusedοwn=function(){return false;};
o.οnmοusedοwn=function(a)
     {
       var divlayer=document.getElementById("divlayer");
      divlayer.style.zIndex=2;
     var d=document;
  if(!a)a=window.event;
  if(o.setCapture)
   o.setCapture();
  else if(window.captureEvents)
   window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);

  var bx= a.clientX - o.offsetLeft;

  d.οnmοusemοve=function(a)
  {

   if(!a)a=window.event;
   var w;
    var drag2=document.getElementById("leftCell");
    if(isIE)
    {
      w=a.clientX-bx
             }
             else
             {
               w=a.pageX-bx;
             }
              drag2.style.width=w+"px";
  };

  d.οnmοuseup=function()
        {
   if(o.releaseCapture)
    o.releaseCapture();
   else if(window.captureEvents)
    window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
   d.οnmοusemοve=null;
   d.οnmοuseup=null;
    divlayer.style.zIndex=-2;
  };
};
}
function heng(o)
{

var o_w=o.offsetTop;

  d.οnmοusemοve=function(a)
  {

   if(!a)a=window.event;
    var drag2=document.getElementById("head_iframe");
    var h;
     if(isIE)
    {
               h=a.clientY-140;
             }
             else
             {
       h=a.pageY-140;
             }
              drag2.style.height=h+"px";
             o.style.top=h+"px";
  };

  d.οnmοuseup=function()
        {

   if(o.releaseCapture)
    o.releaseCapture();
   else if(window.captureEvents)
    window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
   d.οnmοusemοve=null;
   d.οnmοuseup=null;
    divlayer.style.zIndex=-2;
  };
};
}

</script>

//页面只用ID相同就行

//源页面

       <div id="foot_iframe" >
    <div id="divlayer" style="position:absolute;left:0;background:#fff;width:1003px;height:500px;z-index:-2;opacity:0;filter:alpha(opacity=0);"></div>
    <div style="position:relative; z-index:1" id="layer">

      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
      <td colspan="3">
       <div id="head_iframe" style="overflow: scroll; height:100px;width:100%;">
      <div class="box_table" id="topdiv" style="*width:98%;">
       <div class="drag_top" >
      <div class="drag_left">
      <asp:DropDownList ID="dpView" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dpView_SelectedIndexChanged">
    </asp:DropDownList>

         <input id="txtSearch" type="text" size="21" runat="server"/>
        <asp:Button ID="Button1" runat="server" Text="Go!"   OnClick="Button1_Click" />
      </div>
      <div class="drag_right">
         <asp:DropDownList ID="dpCreate" runat="server" AutoPostBack="True" OnSelectedIndexChanged="dpCreate_SelectedIndexChanged">
    </asp:DropDownList>
      </div>
    </div>
          <iframe name="topframe" scrolling="no" frameborder="0" width="100%" height="100%" id="frame_content"   src="top.aspx?type=<%=type %>&Keyword=<%=Keyword %>&view=<%=view %>"></iframe>
       <script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);
</script>

      </div>
    </div>
      </td>
      </tr>
      <tr><td colspan="3" id="splitLine" class="vertical_drag" height="6px"></td></tr>
        <tr>
          <td align="left">
              <table width="100%"    height="400" border="0"     cellspacing="0"   cellpadding="0" id="myborder">
                  <tr>
                   <td    id="leftCell"   runat="server" style="width:550px;display:none;" align="right">
                      <iframe name="left" scrolling="yes" height="400" frameborder="0" width="100%" src="<%=url %>"></iframe>
                    </td>
                    <td id="drag" style="width:6px;cursor:e-resize;background-color:#ddd;"></td>
                    <td id="rightCell">
                     <iframe   name="right" scrolling="yes" height="400" width="100%" frameborder="0" src="" ></iframe>
                  </td>
                  </tr>
               </table>
           </td>
         <td   style="background:#bbb; width:8px; color:#fff; cursor:pointer; font-weight:bold;font-size:9px;" οnclick="switchbar()"><span id="switchPoint">> </span> </td>
          <td   id="frm" style="width:200px;">
          <iframe name="Menuframe" scrolling="yes" height="400" width="100%" frameborder="0" src="Menu.aspx" marginwidth="0px" marginheight="0px"></iframe>
          </td>
        </tr>
      </table></div>

    </div>