Легкое плавающее/изменяемое всплывающее окно на основе прототипа

StackOverflow https://stackoverflow.com/questions/806981

  •  03-07-2019
  •  | 
  •  

Вопрос

Как лучше всего реализовать плавающие окна в стиле Meebo?Я бы предпочел использовать Prototype (но если есть хорошая реализация JQuery, я бы тоже с удовольствием ее рассмотрел).Я бы хотел, чтобы окна можно было перетаскивать/изменять размер и, как правило, «легкими» и отзывчивыми.

Это было полезно?

Решение

Возможно, вы захотите проверить диалоговый компонент в пользовательском интерфейсе jQuery.Это часть официальной библиотеки пользовательского интерфейса, предоставляемой jQuery.Загрузите jQuery и jQuery пользовательский интерфейс а затем убедитесь, что на вашей странице есть ссылки на оба сценария.Тогда это так же просто, как вызвать диалог() для объекта jQuery.Проверьте диалоговая документация Чтобы получить больше информации.

<script type="text/javascript">
$(function() {
   $("#dialog").dialog();
});
</script>

<div id="dialog" title="Basic dialog">
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top