20200426.png

 

카톡 대화창 같은 디자인으로 해보고 있습니다.

- 내가 쓴 댓글은 우측으로(대댓글까지 우측으로 보내버리니 어떤 글인지 애매하더군요 ㅠㅠ)

- 댓글달기, 수정, 삭제는 히든버튼으로 댓글에 올리면 뜨고... (해당 버튼 마우스 올리면 좀 더 흰배경으로.)

 

하나 하나 없는 코드에서 완전히 새로 짰는데, 어렵네요.

대댓글 달 때 아예 새로운 페이지로 넘어가는데, 엑스이타운에는 그냥 바로 밑에 뜨군요 ㅠㅠ

보완해야할게 아직 한가득인데..

 

eond.com/test2 에서 테스트 가능합니다..;;

 

Atachment
첨부
  • Lv30

    Screenshot_20200426-225012_Chrome.jpg

     

    코드를 어떤식으로 짰는지 기억도 안나네요 ㅎ

    대화 타래끼리 묶이도록 했고 XE댓글,대댓글 구조에서 좌우 배치는 현실적으로 가능하지 않아보여 그냥 이정도로 했었네요.

  • Lv30 Lv16
    타래끼리 묶이는건 어떤 조건으로 되는건가요?
    댓글이 없는 경우 첫번째 애는 margin-top이 붙었던데..
    맨 위에 댓글의 경우에는 margin-top이 안 붙고 그 아래 부터는 붙게..@_@;;
    어떻게 하신거죠?;;
  • Lv16 Lv30

    저거 하려고 꼼수를 좀 많이 썼는데 기억이 안나요 ㅎ 조금 다양한 상황에 따라 마진폭을 다르게 주려고 바로 윗 댓글이 부모댓글인지 여부에 따라 체크 포인트도 만들고 했었던 기억이 납니다.

    맨 윗 댓글은 첫 댓글이니 확인하긴 쉽구요.

    그보다 나머지 대댓글에서 다시 다른 부모댓글이 시작되는 것을 알 수 있도록 체크 포인트를 만들어야 했던게 제일 중요한 포인트였던거로 기억됩니다.

  • Lv30 Lv16
    우어..-_-)b
    엄청 깐깐한 분이시군요. 결국 저걸 해내시다니 엄지척!
  • Lv16 Lv24
    comment 에 getClidCount 인가 그런 비슷한 댓글의 대댓글이 있는지 없는지 찾을 수 있는 함수가 잇어요./
    해당 함수로 검사햇을때 카운터가 있고, 1차 댓글일경우에 하나의 타레로 묶어버리는 조건으로 만들어버리면 될것 같네요 :)
  • Lv24 Lv16
    {var_dump($comment->parent_srl)}
    이게 있네요! ㅎㅎ
    이걸로 구분 가능할거같네요..
  • Lv16

    KakaoTalk_20200427_021120795.png

    제 디자인이 그래도 더 이뻐요! 크큿

  • Lv3
    대단하시네요.....
    저는 자기들끼리 조금 불편하게 대화를 하던 말던 고민조차 안해봤는데요...^^
  • Lv3
    빨리 개발되길 기다립니다
  • Lv7
    카톡으로 대화 나누는 느낌 이겠네요