본문 바로가기

JavaScript3

[jquery] textarea 글자수 제한 및 글자수 감지 완성된 형태이다. 첫부분에 타임리프 구문이 있어서 햇갈릴수도 있지만 html코드만 보면된다. 단순한 댓글창 형태이다. 댓글 ([[${dto.replyCount}]]) 0 / 500 등록 이렇게 만든 댓글창에 아래와 같이 js를 달아주면 글자수 감지 및 글자수 제한을 할 수 있는 textarea가 완성된다 .~ // 댓글 글자수 감지 $(".comment-content").keyup(function (e){ var content = $(this).val(); //글자수 세기 if(content.length == 0 || content == ""){ $(".comment_length").text('0'); }else{ $(".comment_length").text(content.length); } if (c.. 2022. 7. 7.
[jquery] 동적 생성된 객체 선택(지정) 하는법 Ajax를 이용해서 댓글리스트를 구현하는중이였다. 이 부분을 html에 미리 생성하지 않고, $('#comment-btn').click(function () { var data={trip:trip, star:star, content:reviewContent.val(),writer:inputWriter.val()}; console.log(data); $.ajax({ url:'/reply/'+trip, type:"POST", data:JSON.stringify(data), contentType:"application/json; charset=utf-8", dataType:"text", success:function(result){ $("#replyCount").html(result); getTripReply.. 2022. 7. 6.
[css] div 박스 자체에 링크걸기 현재창에서 다른링크로 이동하기 현재창에서 다음으로 이동 그럼 이 div 박스를 클릭시(안에 있는 아이템들 포함) 현재 열려있는 홈페이지에서 새창으로 이동됩니다. (새로운 창 생성 x) 새로운창 생성 후 다른 링크로 이동하기 새로운 창 열고 네이버로 이동 그럼 이 div 박스를 클릭시(안에 있는 아이템들 포함) 새창(새 탭) 생성 후 링크로 이동됩니다. 2022. 4. 2.