I am aiming to create a messaging system on a website where users can send messages to each other. Each message will have a button that closes the message and updates the database to mark it as read.
My main requirements include:
- The page should not reload after closing each message
- When a user closes a read message, a new message will appear until there are no new messages
The approach I plan to take involves using ASPX (C# code behind) to prepare message details in divs or similar elements, jQuery to display them in a popup or another visually appealing way, and Ajax to update the database when the close button is clicked to mark the message as read.
Are there any jQuery components available that can display messages on the screen (compatible with nested divs) and execute AJAX code when closed?
I would greatly appreciate either a code example or a useful link for reference :)