`
aideehorn
  • 浏览: 260773 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

iframe模拟frame拖动(兼容ie&ff)

阅读更多

http://lily64.blogbus.com/logs/13966200.html




<table width=955 border=0>           
<TR>
                <TD align=middle background=http://www.zzjianghu.com/image/index27.gif
                  height=500><IFRAME id=left name=left
                  src="http://www.zzjianghu.com/bwbb-zys-index-01.htm" frameBorder=0 width=540
                  scrolling=yes height=500></IFRAME></TD>

<td id=myborder width=100% style="background:yellow"></td>

                <TD align=middle background=http://www.zzjianghu.com/image/index31.gif
                  height=500><IFRAME id=right name=right
                  src="http://www.zzjianghu.com/bwbb-gqf-index-01.htm" frameBorder=0 width=320
                  scrolling=yes height=500></IFRAME></TD>
</TR>
</table>

<script>
    var moveobject = "myborder";

    bx=0;
    ifmove=false;
    function mymovestart(e)
    {
    document.getElementById(moveobject).style.cursor="move";
    ifmove=true;
    if(!e)e=event;
    bx=e.clientX;
    }
    function mymovestop()
    {
    document.getElementById(moveobject).style.cursor="default";
    ifmove=false;
    }
    function mymove(e)
    {
    if(ifmove)
    {
    if(!e)e=event;
    off=parseInt(document.getElementById("left").width)+(e.clientX-bx);
    if(off>0)
    document.getElementById("left").width=off;
    off=parseInt(document.getElementById("right").width)-(e.clientX-bx);
    if(off>0)
    document.getElementById("right").width=off;
    bx=e.clientX;
    }
    }
    function myover()
    {
    document.getElementById(moveobject).style.cursor="move";
    }
    function myout()
    {
    mymovestop();
    }
    document.getElementById(moveobject).onmousedown=mymovestart;
    document.getElementById(moveobject).onmouseup=mymovestop;
    document.getElementById(moveobject).onmousemove=mymove;
    document.getElementById(moveobject).onmouseover=myover;
    document.getElementById(moveobject).onmouseout=myout;
    document.getElementById(moveobject).ondrag=function(){return false;}
</script>

分享到:
评论

相关推荐

    [导入]Javascript获取IFrame内容(兼容IE&FF)

    本文将详细介绍如何在各种浏览器,包括Internet Explorer(IE)和Firefox(FF)等主流浏览器中,正确地获取Iframe中的内容。 首先,理解Iframe的基本概念。Iframe是一种HTML元素,允许我们在一个网页中嵌入另一个...

    ios 不支持 iframe 的完美解决方法(兼容iOS&安卓)

    在iOS和Android平台之间,网页开发常常面临一些兼容性问题,特别是在使用`iframe`元素时。`iframe`,即内联框架,常用于在单一HTML文档中嵌入其他网页内容,实现页面组件的复用。然而,iOS系统对`iframe`的处理方式...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    MFC ie webbrowser iframe/frame

    标题"MFC ie webbrowser iframe/frame"指向的主题是关于如何在MFC应用程序中使用IE WebBrowser控件,并特别关注如何处理iframe框架以及在其中交互。Iframe(Inline Frame)是一种HTML元素,用于在页面中嵌入另一个...

    java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)

    本示例通过"java跨全域兼容ie/ff/chrome浏览器多文件上传(原创)"的标题,我们可以看出这是一个解决浏览器兼容性问题并实现跨域文件上传的解决方案。下面将详细解释这个主题涉及的关键知识点。 1. **跨域资源共享 ...

    IE和FF的部分区别

    - 切换frame内容时,IE和FF有不同的语法,可以通过编写兼容性代码来统一处理。 理解和解决这些差异对于创建跨浏览器兼容的Web应用至关重要。开发者通常会借助像jQuery这样的库来简化跨浏览器的兼容性工作,因为...

    [php]ifame仿ajax图片上传预览,兼容IE\FF\Chrome

    在这个案例中,iframe被用来模拟异步通信,因为古老的IE浏览器(尤其是版本7及以下)不支持Ajax的XMLHttpRequest对象,而iframe可以提供一种替代方式来实现跨域通信和数据交换。 2. **Ajax(异步JavaScript和XML)*...

    JQuery IFrame框架高度自适应(支持嵌套–兼容IE,ff,safafi,chrome)

    通过使用jQuery来实现iframe的高度自适应,我们可以确保内容在不同浏览器(包括IE、Firefox、Safari和Chrome)中的显示一致性,无论iframe内嵌的页面有多复杂。 首先,我们需要理解iframe的基本概念。IFrame,即...

    iframe自适应高度,亲测完美兼容IE6-9,Chrome,Opera,firefox,safari

    因为有一个项目要用到iframe自适应高度,网上搜索了以下结果无数,不过看来看去都是那几个,而且基本都测试了一遍,所说的兼容根本不是那么回事,要不IE不正常,要不其他浏览器显示不正常,最后无奈,综合网上的方法...

    iframe与frame的区别

    在选择使用`frame`还是`iframe`时,需要考虑兼容性问题,因为`frame`在一些现代浏览器中可能不被支持,而`iframe`则更为通用。同时,搜索引擎优化(SEO)也是需要考虑的因素,`frame`中的内容可能不容易被搜索引擎...

    iframe自适应高度(兼容目前所有主浏览器)

    iFrame 自适应高度(兼容所有主浏览器) iFrame 自适应高度是前端开发中常见的问题,很多开发者在搜索引擎中搜索相关解决方案,但大多数文章只能解决静态高度的问题,而忽视了 JS 操作 DOM 之后的动态同步问题。...

    js实现的真正的iframe高度自适应(兼容IE,FF,Opera)

    本文将深入探讨如何使用JavaScript实现一个真正兼容IE、Firefox(FF)、Opera的`iframe`高度自适应解决方案。 首先,`iframe`高度自适应的主要目的是确保内嵌页面的完整内容可以在不显示滚动条的情况下完全展示。...

    iframe自适应高度(兼容多种浏览器)

    ### iframe自适应高度(兼容多种浏览器) 在网页开发过程中,`iframe`是一种常用的元素,用于在当前页面中嵌入另一个HTML文档。然而,默认情况下,`iframe`的高度是固定的,这可能会导致内容显示不完全或者出现不必要...

    兼容ie8的上传源码

    总的来说,"兼容ie8的上传源码"是一个针对旧版浏览器的文件上传解决方案,它利用了当时的技术,如IFrame、ActiveX控件,以及传统的表单提交,以实现与现代浏览器类似的功能。理解并分析这样的源码可以帮助我们更好地...

    可以左右拖动的iframe框架

    "可以左右拖动的iframe框架"是一种创新的实现方式,它允许用户通过鼠标在水平方向上移动iframe,从而提供了更灵活的网页布局和用户体验。下面将详细讲解这个知识点。 **Iframe(Inline Frame)** 是HTML中的一个...

    Iframe模拟Jquery.Ajax

    通过深入理解这些知识点,并结合提供的"Iframe模拟Ajax-经典"压缩包中的代码示例和文档,你可以更有效地掌握如何在面临同源策略限制时,使用Iframe来模拟Ajax请求,实现跨域数据交互。这将有助于你在开发过程中解决...

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    ### Iframe 高度自适应的实现方法 Iframe 是一种可以在网页内部嵌入另一个独立 HTML 文档的元素,它广泛应用在...了解这些知识点有助于在进行 Web 开发时更好地使用 Iframe,同时也能更好地解决与之相关的兼容性问题。

    兼容ie6、ie7、ie8 和FF的本地上传图片预览

    标题中提到的“兼容ie6、ie7、ie8 和FF的本地上传图片预览”主要涉及以下技术点: 1. **FileReader API**:这是一个HTML5的新特性,用于读取文件。在支持的浏览器中,可以通过`FileReader.readAsDataURL(file)`方法...

    FRAME与IFRAME的使用方法与区别

    ### FRAME与IFRAME的使用方法与区别 #### 框架的基本概念 ...综上所述,虽然`FRAME`和`IFRAME`都可以实现多窗口布局的效果,但在实际应用中,`IFRAME`由于其更好的兼容性和灵活性,已经成为更受欢迎的选择。

Global site tag (gtag.js) - Google Analytics