Внедрение JQuery модуля Facebook Modal

Мне было интересно, знал ли кто-нибудь о реализации jQuery этот модальный блок MooTools. Я видел Facebox, но он похож на старый макет диалогового окна Facebook, а не на новый.

Если нет доступных, тогда пример того, как будет выглядеть модальный диалог jQuery ui, будет очень полезен. Выход HTML для модального диалога jQuery UI выглядит следующим образом:

<div class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable">
   <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title">Dialog title</span>
      <a class="ui-dialog-titlebar-close ui-corner-all" href="#"><span class="ui-icon ui-icon-closethick">close</span></a>
   </div>
   <div style="height: 200px; min-height: 109px; width: auto;" class="ui-dialog-content ui-widget-content" id="dialog">
      <p>Content.</p>
   </div>
</div>

ОТВЕТЫ

Ответ 1

Как насчет плагина jQuery Facebox?

Это прямо из коробки делает почти все, что вам нужно. Просто измените ресурс изображения, указанный в CSS, для кнопки "Закрыть", чтобы вы копировали с Facebook, а верхние титры и нижние колонтитулы - как диалог Facebook. Полупрозрачные серые границы доступны из коробки в плагине Facebook.

Ответ 2

Почему бы не использовать библиотеку Facebook Connect?

FB.Connect.showShareDialog всегда показывает правильный макет для модального диалога, который использует Facebook. Facebook постоянно обновляет эту вещь, поэтому не имеет смысла использовать что-то, что будет устаревать быстро, особенно если никто не обновляется. Это то, что я использую в любом случае.