<div><br></div>다른 디자인을 가진 1.html 2.html파일에서 <div><br></div> <div>각각 채팅을 하는 상황인데요</div> <div><br></div> <div>1.html</div> <div><br></div> <div>.<a target="_blank" href="http://127.0.0.1:52273/test">http://127.0.0.1:52273/test</a> 라는 곳으로 들어가면</div> <div><br></div> <div>room으로 3번이 자동연결됩니다</div> <div><br></div> <div>2.html</div> <div><br></div> <div><a target="_blank" href="http://127.0.0.1:52273/3">http://127.0.0.1:52273/3</a></div> <div><br></div> <div>로컬주소뒤에 붙은 값을 room으로 생성해서 채팅방을 들어갑니다</div> <div><br></div> <div>그리고</div> <div><br></div> <div><a target="_blank" href="http://127.0.0.1:52273/3">http://127.0.0.1:52273/3</a> 이라는 주소로 여러게 띄우면</div> <div><br></div> <div>각각 닉네임을 부여해서 귓속말을 하고있습니다 (2.htm에서 접속시 닉네임:관리자와만 귓속말로 대화가 가능)</div> <div><br></div> <div>그렇게 되면 1.html 접속자한명과 다수의 2.html 접속자간의 1대 다수의 대화가 가능합니다</div> <div><br></div> <div>그렇게 채팅 내용이 1.html에 <p>태그로 생성되는데</div> <div><br></div> <div>그 값은 1대 다수 채팅 상황을 보여주기때문에 각각 정렬해서 보려면</div> <div><br></div> <div>1.html의 방문자 대화목록에서 해당 접속자를 누르면</div> <div><br></div> <div>클릭된 이름값을 가져와서 <p>내부에 해당 값이 있는 부분만 남기고 다 안보이게 해서 </div> <div><br></div> <div>정렬을 시킬까 생각하고있었습니다.</div> <div><br></div> <div><pre style="font-family:'굴림체';font-size:9pt;"><br><span style="color:#000080;font-weight:bold;">for</span>(<span style="color:#000080;font-weight:bold;">var </span><span style="color:#458383;">i</span>=<span style="color:#0000ff;">0</span>;<span style="color:#458383;">i</span><data.<span style="color:#660e7a;font-weight:bold;">users</span>.<span style="color:#660e7a;font-weight:bold;">length</span>;<span style="color:#458383;">i</span>++){<br><span style="color:#7a7a43;">$</span>(<span style="color:#008000;font-weight:bold;">'.msgs_left'</span>).<span style="color:#7a7a43;">append</span>(<span style="color:#008000;font-weight:bold;">'<span class="'</span>+<span style="color:#458383;">users</span>[<span style="color:#458383;">i</span>]+<span style="color:#008000;font-weight:bold;">'" onclick="button1_click(</span><span style="color:#000080;font-weight:bold;">\'</span><span style="color:#008000;font-weight:bold;">'</span>+<span style="color:#458383;">users</span>[<span style="color:#458383;">i</span>]+<span style="color:#008000;font-weight:bold;">'</span><span style="color:#000080;font-weight:bold;">\'</span><span style="color:#008000;font-weight:bold;">)">'</span>+<span style="color:#458383;">users</span>[<span style="color:#458383;">i</span>]+<span style="color:#008000;font-weight:bold;">"</span>"</span>);<br><br> }<br><br>});<br><span style="color:#000080;font-weight:bold;">function </span><span style="font-style:italic;">button1_click</span>(data) {<br><br><span style="color:#000080;font-weight:bold;">for</span>(<span style="color:#000080;font-weight:bold;">var </span><span style="color:#458383;">i</span>=<span style="color:#0000ff;">0</span>;<span style="color:#458383;">i</span><=<span style="color:#7a7a43;">$</span>(<span style="color:#008000;font-weight:bold;">".msgs_right"</span>).children().<span style="color:#660e7a;font-weight:bold;">length</span>;<span style="color:#458383;">i</span>++){<br><br><span style="font-style:italic;">alert</span>( <span style="color:#7a7a43;">$</span>(<span style="color:#008000;font-weight:bold;">".msgs_right"</span>).children().eq(<span style="color:#458383;">i</span>).hasClass(data));<br><br><span style="color:#660e7a;font-weight:bold;font-style:italic;">console</span>.<span style="color:#7a7a43;">log</span>(<span style="color:#008000;font-weight:bold;">"길이 : "</span>+<span style="color:#7a7a43;">$</span>(<span style="color:#008000;font-weight:bold;">".msgs_right"</span>).children().<span style="color:#660e7a;font-weight:bold;">length</span>)<br> }<br>}</pre></div> <div><br></div> <div> 여기까지 코딩하다가 이거 너무 조잡하게 하는거 아닌가.. 혼자 삽질하고 있는 느낌이 들어서 </div> <div><br></div> <div>글을 올렸습니다.</div> <div><br></div> <div>1대 다수로 채팅을 할때 1의 사용자가 채팅을 정렬해서 볼때 혹시 더 좋은 방법이라던가</div> <div><br></div> <div>제가 잘못하고 있는부분이있다면 알려주세요</div> <div><br></div> <div>예제 참조한곳은 <a target="_blank" href="http://bcho.tistory.com/897">http://bcho.tistory.com/897</a> 조대협님 블로그입니다.</div> <div>1.html-----------------------------------------<span style="font-size:9pt;line-height:1.5;">닉네임 : 관리자</span></div> <div><br></div> <div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201510/144574790695MQcvqPhc2DrbVe2kYzSc.png" width="800" height="489" alt="1.png" class="chimg_photo" style="border:none;"></div> <div style="text-align:left;">2.html------------------------------------ <span style="font-size:9pt;line-height:1.5;">닉네임 손님-7</span></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201510/1445747906zlp8lI1XM65tx6NZJBa1DYWtabo.png" width="522" height="249" alt="2.png" style="border:none;"></div> <div style="text-align:left;">2.html---------------------------------- 닉네임 손님-8</div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><br></div> <div style="text-align:left;"><img src="http://thimg.todayhumor.co.kr/upfile/201510/1445747906Z8qaZuPo6rB.png" width="527" height="249" alt="3.png" style="border:none;"></div><br></div>