다른 디자인을 가진 1.html 2.html파일에서
각각 채팅을 하는 상황인데요
1.html
room으로 3번이 자동연결됩니다
2.html
로컬주소뒤에 붙은 값을 room으로 생성해서 채팅방을 들어갑니다
그리고
각각 닉네임을 부여해서 귓속말을 하고있습니다 (2.htm에서 접속시 닉네임:관리자와만 귓속말로 대화가 가능)
그렇게 되면 1.html 접속자한명과 다수의 2.html 접속자간의 1대 다수의 대화가 가능합니다
그렇게 채팅 내용이 1.html에 <p>태그로 생성되는데
그 값은 1대 다수 채팅 상황을 보여주기때문에 각각 정렬해서 보려면
1.html의 방문자 대화목록에서 해당 접속자를 누르면
클릭된 이름값을 가져와서 <p>내부에 해당 값이 있는 부분만 남기고 다 안보이게 해서
정렬을 시킬까 생각하고있었습니다.
for(var i=0;i<data.users.length;i++){
$('.msgs_left').append('<span class="'+users[i]+'" onclick="button1_click(\''+users[i]+'\')">'+users[i]+"</span>");
}
});
function button1_click(data) {
for(var i=0;i<=$(".msgs_right").children().length;i++){
alert( $(".msgs_right").children().eq(i).hasClass(data));
console.log("길이 : "+$(".msgs_right").children().length)
}
}
여기까지 코딩하다가 이거 너무 조잡하게 하는거 아닌가.. 혼자 삽질하고 있는 느낌이 들어서
글을 올렸습니다.
1대 다수로 채팅을 할때 1의 사용자가 채팅을 정렬해서 볼때 혹시 더 좋은 방법이라던가
제가 잘못하고 있는부분이있다면 알려주세요
1.html-----------------------------------------닉네임 : 관리자
2.html------------------------------------ 닉네임 손님-7
2.html---------------------------------- 닉네임 손님-8
본인삭제금지
외부펌금지
글쓰기