Chat ui adaptation design

JavaScript
1

At this time I’m here because I want to make an adaptation from this Codepen by Virgil Pana https://codepen.io/virgilpana/pen/ZYZXgP .

As you can see in the snippet, when you select different users, the profile picture changes, but the chat doesn’t.

I spent the afternoon trying to figure out how to change the chat text as you select different users, but I’m still having trouble.

I think the problem is related to the $(.friend) or .messages part of the jQuery function.

Thanks in advance!

2

The chat text is within the HTML. Assuming you’ll be using a server side language for that part. I would say have a div with an ID the contains those chat text. Once a person’s chat profile has been changed, I’d use Ajax to load the new chat profile into that div. This way, the chat messages change with the chat profile.

3

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.