Как реализованы окна чата facebook?

В Facebook вы можете просматривать сайт, не затрагивая плавающие окна чата. Похоже, если главная страница находилась внутри iFrame, а нижний колонтитул и окна чата, плавающие снаружи.

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

Является ли основное содержимое внутри iframe или нижним колонтитулом и чат-окнами те, что находятся внутри iframe?

Позднее не представляется возможным, потому что в этом случае, когда вы нажимаете ссылку на главной странице, все нужно перезагрузить, включая нижний колонтитул iframe.

Если вы обновляете страницу, окна чата перезагружаются, но если вы просматриваете сайт, нажав ссылки, это не так.

Спасибо.

Ответ 1

Если вы установите FireBug и включите сетевой монитор для Facebook, вы увидите, что при нажатии большинства ссылок внутри приложения вы не обновляете полную страницу, а скорее вызов AJAX, который обновляет страницу с помощью новый контент.

Это выглядит как новая страница, но на самом деле вы находитесь на одной странице со всем, кроме замены чата.

Ответ 2

Probobly просто абсолютно позиционированный div, содержащий прокручивающийся div для контента. Ajax предоставит контент.

Ответ 3

Окна чата действительно обновляются, когда вы загружаете новую страницу, однако они сохраняют свой просмотр (открытие/закрытие/история чатов).

Ответ 4

Это абсолютно позиционированный div, расположенный в нижней части окна вашего браузера. Это не сложно, я клонировал чат Facebook для ClockingIT с нуля в выходные.