jquery popup using div

Question

I have a chat application in jquery,i want to invite people on group chat,for that i need to send an auto pop up message which will ask user to accept or reject group chat invitation.i want to use div pop up. where do i start?

Answer 1

You might want to look at JQueryUI dialog

Answer 2

Use AJAX on each client to poll the server for new invitations. If there is one, retrieve any useful data from the invitation. I would look into using jQuery UI dialog for the popup, since you are already using jQuery. If they click the accept button, it will call your handler, which you specify when you create the dialog.

EDIT for comments:

To make the jQuery UI dialog modal, do this after opening it:

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

or this when you initialize it:

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

More EDIT for comments:

To edit the contents, you simply make your divs like you always would:

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

Then to make the dialog:

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