안녕하세요 node.js로 실시간채팅을 구현하다가 질문이 있어서 질문드립니다.
먼저 html을 다음과 같이 구성을 했구요.
<div id="chat">
<div style = "width:270px; height:400px; border:solid 10px;" id="txtarea">
<dl id = "show_con">
</dl>
</div>
<input type="text" style="width:255px;" id="txt"/><input type="button" value="Enter" id="btn"/>
다음과 같이 script를 꾸며서 dl화면에 채팅값을 뿌려주게 구성했습니다.
$('#btn').click(function(){
var message = {
msg: $('#txt').val(),
user: $('#room').val()
};
socket.emit('message', message);
});
socket.on('message', function(data){
$('#show_con').append('<dd style="margin:2px; text-align: right">'+ data +' : <br/>' + data.msg + '</dd>');
$('#txt').val('');
});html보시면 뿌려지는 곳이 dl로 되어있는데요. 처음엔 몰랐는데 채팅을 계속 쳐보니 글이 아래 사진처럼
테두리를 벗어나더라구요.
텍스트를 테두리안에서 가두어놓고 싶은데 dl태그를 어떤식으로 바꾸어야 할까요? 계속 치더라도
저 박스안에서 스크롤이 생기는 식으로 하고 싶거든요 ..ㅠㅠ
그리고 질문이 한가지 더있는데 현재 text 박스에서 말을 쓰고 Enter버튼을 눌러야만 채팅이 화면에 나타나는데
버튼을 누르지않고 Enter키를 치는것만으로 화면에 나오게 하고싶습니다.
어떻게 해야 할까요 ㅠㅠ
도움 부탁드립니다.
본인삭제금지
글쓰기