지돌이의 블로그 입니다!

CSS3 + Javascript 으로 구현한 카카오톡 채팅방 입니다.



JsTalkTheme.zip



* 2015-11-04

 - 긴 글자 입력해도 잘 나오도록 수정하였습니다.


* 2015-12-04

 - 여러가지 문제 해결



*Chrome 에서 잘 작동합니다.


*IE 에서 사용시

.jstalktheme .sendmsg .textarea

{

float: left;

width: calc(100% - 68px);

height: 64px;

....

}

이 부분을

.jstalktheme .sendmsg .textarea

{

float: left;

width: calc(100% - 70px);

height: 64px;

....

}

이정도로 바꿔주세요.

Comment +1

  • [카카오톡 HTML 채팅방] 좋은 소스 감사합니다. 몇 가지 질문이 있습니다.

    1. resize event 발생 시마다 웹 페이지의 크기에 맞게 크기를 조정하려고 합니다.
    div style의 속성을 width=100%; height=100%;로 바꾸는 것만으로는 잘 되지 않는 모양인데 어디를 건드려야 할까요?

    2. 프로젝트 Github가 있나요?

    카카오톡 대화를 HTML로 복원하는 프로그램을 이 코드를 활용하여 작성하려고 합니다.
    그 때 프로젝트 링크 남기겠습니다.