일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- PM2
- SpringBoot
- javascript
- FCM
- MSsql
- jquery
- Push
- Maven
- git
- config
- docker
- jenkins
- yona
- security
- popup
- Eclipse
- nodejs
- mysql
- pwa
- rocky9
- spring3
- NextJS
- submit
- MariaDB
- centos7
- mybatis
- Next.js
- Java
- ajax
- node.js
- Today
- Total
목록html (2)
ふたりで
html로 만들어진 table의 내용을 특정 포맷에 맞춰 클립보드로 복사하는 기능을 만들어야 했다. 결론부터 정리하자면 특정 포맷으로 테이블을 숨김 처리 상태로 새로 생성을 하고, 해당 테이블 내용을 선택 후 클립보드로 복사를 하였다. 문제는;; 복사한 데이터에 쓰잘 때가리 없이 앞뒤로 개행문자가 자동으로 삽이 되었다. 해당 개행 문자 때문에 붙여 넣기 할 프로그램에서는 붙여 넣기가 동작을 안 하고;;; 나름 짱구를 굴려서 자동 드래그 선택된 영역에 접근해서 innerText만 뽑아내어 textarea에 담고, textarea에 담긴 데이터를 클립보드로 복사해 주니 앞뒤로 붙어 나오던 개행문자가 붙어 나오지 않게 되었다. 흠... 좀 무식한 방법 같긴 하지만 어쩔 수 없다... 머리가 나빠서... 나중에..
자꾸 프린트 할때 내용은 한장 이지만 공백 페이지가 붙어나와 2페이지로 인식 되는것 같다 그냥 둬도 되지만 시간도 남고 ㅎㅎ 이리저리 테스트 하다가 해결 해서 글을 남긴다. 중요한 부분은 style css 부분이다. 1장 기준이면 1장으로 표시, 2장 이상일 경우 해당 장수 만큼만 표시 된다. 주문내역 상세 인쇄 . . . //특정 영역만 인쇄 function printBtnFn(){ $('.btn_comm').hide();//버튼 ui는 전부 숨겨버림. var initBody; window.onbeforeprint = function(){ //임시 document에 프린트할 영역만 담는다. initBody = document.body.innerHTML; document.body.innerHTML = d..