如何实现Facebook聊天窗口？

Question

在Facebook您可以浏览网站，而不会影响浮动聊天窗口。看起来好像主页是在一个iFrame里面，而页脚和聊天窗口在外面漂浮。

alt text http://www.k-director.com/blog/upload/FacebookChat03.gif

是一个iframe中的主要内容或有一个iframe里面的页脚和聊天窗口的人？

后来似乎不可能，因为在这种情况下，当你点击主页面中的链接时，一切都将不得不重新加载，包括页脚iframe。

如果刷新页面，则会重新加载聊天窗口，但如果您通过单击链接浏览网站，则不会。

谢谢。

Answer 1

如果您安装FireBug并启用Facebook的网络监视器，您会看到当您单击应用程序内部的大多数链接时，并未进行整页刷新，而是进行更新页面的AJAX调用新的内容。

它看起来像一个新的页面，但实际上你几乎在一切，但聊天栏取代了同一页面。

Answer 2

当您加载新页面时，聊天窗口确实会刷新，但它们保持其viewstate（打开/关闭/聊天记录）。

Answer 3

这是一个绝对定位的div，位于浏览器窗口的底部。这并不难，我在周末从头开始克隆Facebook聊天中的ClockingIT。

Answer 4

Probobly只是一个绝对定位的div，包含内容的滚动div。 Ajax将提供内容。