jQuery popup using div

Question

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

Answer 1

Вы можете посмотреть на JQueryUI dialog

Answer 2

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

EDIT для комментариев:

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

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

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

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

Подробнее EDIT для комментарии:

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

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

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

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