jquery всплывающее окно с использованием div

Question

У меня есть приложение чата в jquery, я хочу пригласить людей в групповой чат, для этого мне нужно отправить автоматическое всплывающее сообщение, которое попросит пользователя принять или отклонить приглашение в групповом чате. Я хочу использовать div pop up,с чего начать?

Answer 1

Возможно, вы захотите взглянуть на диалоговое окно JQueryUI

Answer 2

Используйте AJAX на каждом клиенте, чтобы опросить сервер на предмет новых приглашений. Если он есть, получите любые полезные данные из приглашения. Я бы хотел использовать jQuery UI диалог для всплывающего окна, так как вы уже используете jQuery. Если они нажмут кнопку «Принять», она вызовет ваш обработчик, который вы укажете при создании диалога.

РЕДАКТИРОВАТЬ для комментариев:

Чтобы сделать диалоговое окно jQuery UI модальным, сделайте это после его открытия:

$('.selector').dialog('option', 'modal', true);

или это при инициализации:

$('.selector').dialog({ modal: true });

Больше РЕДАКТИРОВАТЬ для комментариев:

Чтобы отредактировать содержимое, вы просто делаете свои div'ы, как всегда:

<div id='someIdOfYourChoosing' title='the dialog title goes here'>
  //put any elements you want in here
</div>

Затем создать диалог:

$('#someIdOfYourChoosing').dialog({
    modal: true;
});