본문 바로가기

HTML & CSS & JS

(75)
th:onclick 오류 해결 보호되어 있는 글입니다.
Bootstrap datatable update datatable이 업데이트 되어서 기존 방식으로 적용이 힘들 수 있음. 아래와 같이 CSS, JS 설치하고 HTML 자주 사용되는 키워드 Action 테이블의 너비가 축소되는 것은 td에 직접 width 지정하는 것으로 해결 가능 JS $(document).ready(function(){ $('#showTable').dataTable( { "autoWidth": false } ); });
DIV 오른쪽 배치 버튼이나 input , div등 오른쪽으로 배치하고자 할 때는 키워드 추가 이와 같이 목표 대상 이전에 div 임의 객체 만들고 mr-auto로 지정해준다. 그리고 목표 대상에 CSS로 float : right를 지정하면 가능
pageScroll 조정 x,y좌표로 수정. 보통 위아래 이동 시 y만 수정하면 된다. window.scrollTo(0, 500);
Jquery 버튼 텍스트 변경 버튼은 html로 수정 $(this).html('펼치기'); Input은 val로 수정 $(this).val('펼치기');
테이블 스크롤 만드는 법 (scroll) 보호되어 있는 글입니다.
text area 주의점 textarea는 다른 input과 달리 value를 따로 지정하지 않고 영역안에 들어가 있는 값이 자동 value가 됨. 따라서 태그안에 value ="" 로 지정해 줘봐야 인식 x var html = ""+ estmDescription + "" 이런식으로 와 사이에 지정해 줘야 한다. 그리고 id로 textArea를 사용하면 태그와 혼동이 와서 제대로 적용안되므로 다른 id 사용해야 한다.
html 분리 저장 (append) 보호되어 있는 글입니다.