如何弹出,弹出iframe,如Gmail环聊

时间:2015-11-05 15:23:35

标签: javascript html5 iframe

弹出一个聊天窗口(使用iframe)到新标签然后弹出它以将其恢复到窗口..就像Google在Gmail网页中挂断聊天窗口一样。

我一直在谷歌搜索,但可以搞清楚。也许我的知识不够好

1 个答案:

答案 0 :(得分:1)

我的意思是你想说当你点击框中的箭头,然后打开聊天弹出窗口。

我不确定谷歌会这样做,但是可以为用户提供同样的效果。

当你点击那里时,会弹出一个弹出窗口,下一步是执行此操作的程序;

你在JS中使用window.open()创建一个函数,这会打开一个窗口

如果你想在窗口内打开一个页面,你必须指定它

window.open("chat.php")

方法open允许3个参数

window.open(document,name of the window,attributes of the window)

  1. 文档

    Uri要加载到弹出窗口的文档。

  2. 窗口名称

    为窗口确定后,您可以在打开后对此ID进行引用。

  3. 窗口的属性

    为这个寡妇分配不同选项的几个名称/值,有:

    • 宽度(以像素为单位的窗口)
    • 高度(窗口的像素数)
    • top:从顶部开始的窗口位置
    • left:从左侧开始的窗口位置
    • 工具栏,如果您想要显示工具栏(boolean
    • 状态,如果要显示状态栏(boolean
    • 位置,如果要显示位置栏。
    • 目录,如果您想显示个人栏。
    • 滚动条,如果要显示滚动条
    • 菜单栏,如果你想展示菜单栏
  4. 这是如何打开新窗口的示例:

    function openPopUp(){
         newpopup = window.open('chat.html/user1=xxxx?user2=yyyy','newwindow','width=300, height=400')
    }
    

    此页面的后端将加载用户1和2之间的聊天。

    现在回到父窗口。

    你可以返回一个值然后当你点击箭头返回时,它们应该是onclick函数中的某些内容,如

    function returnPopUp(){
        top.close();
        return "user1=xxxx?user2=yyyy"
    }
    

    然后他们再次在父窗口中加载框架。

    正如我之前告诉过你的,newpopup关闭听众的类似内容。

    感谢。