Front-End6 [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. [jQuery] slider 플러그인 사용하지 않고 구현하기 prev, next 기능 + dots 기능 사용가능 ‹ › * * * * * dots기능 + 애니메이션 기능 * * * * * 2022. 3. 30. [bootstrap] 쿠팡이츠 데모 사이트 쿠팡이츠 데모사이트 코드 첨부합니다. 2022. 3. 23. [bootstrap] 간단한 버튼 생성 순서대로 .btn .btn-default .btn-primary .btn-success .btn-info .btn-warning .btn-danger .btn-link Basic Default Primary Success Info Warning Danger Link Link Button Button HTML 삽입 미리보기할 수 없는 소스 2022. 3. 21. 이전 1 다음
