Notice
Recent Posts
Recent Comments
Links
«   2024/11   »
일 월 화 수 목 금 토
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
Tags more
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

[8] 230424 팀 프로젝트 (1) 8일 차 Mon) onbeforeprint 사용해서 [다운로드] 버튼 작동하게 만들기, 그 외 할 것 리스트 본문

💖My Bootcamp Projects Logs✨/Team Project 1️⃣

[8] 230424 팀 프로젝트 (1) 8일 차 Mon) onbeforeprint 사용해서 [다운로드] 버튼 작동하게 만들기, 그 외 할 것 리스트

yjyuwisely 2023. 4. 24. 15:09

230424 Mon

더 쉬운 방법: onclick="window.print()"도 있다.

<button onclick="window.print()">증명서 다운로드</button>


The onbeforeprint event occurs when a page is about to be printed.

The onbeforeprint event occurs before the print dialogue box opens.

아래 코드를 사용하면 [증명서 다운로드] 버튼이 작동한다.

<!DOCTYPE html>
<html>
<button onclick="printPage()">증명서 다운로드</button>

<script>
function printPage() {
  window.print();
}

window.onbeforeprint = function() {
  // Simulate Ctrl+P keypress
  var event = new KeyboardEvent('keydown', {
    key: 'p',
    ctrlKey: true
  });
  document.dispatchEvent(event);
}
</script>
</body>
</html>


참고: https://www.w3schools.com/jsref/event_onbeforeprint.asp

- 증명서 상세 내역 페이지 (총 3장)

컨트롤러 만듦 
MySQL DB에서 데이터 불러온다.

- member: (id), (email), (password), name, residentid, phone
- certificate: 
id, Diagnostic, patientcode, 
2) 입원 날짜 admission_date, 퇴원 날짜 discharge_date, 
1), 3) 상병명 disease, 수술명 operation

1) 진료확인서: 환자 정보 name, residentid, phone + 상병명 disease

2) 입,퇴원확인서: 환자 정보 name, residentid, phone + 입원 날짜 admission_date, 퇴원 날짜 discharge_date

3) 수술확인서: 환자 정보 name, residentid, phone + 상병명 disease, 수술명 operation

각 상세 내역 뜬다.

728x90
반응형
저작자표시 비영리 동일조건

'💖My Bootcamp Projects Logs✨ > Team Project 1️⃣' 카테고리의 다른 글

[9] 230425 팀 프로젝트 (1) 9일 차 Tue) 남은 것 2개 리스트 (컨트롤러, JSP 수정)  (0) 2023.04.25
[9] 230425 팀 프로젝트 (1) 9일 차 Tue) 증명서 선택 및 다운로드 버튼 작동 Steps  (0) 2023.04.25
[8] 230424 팀 프로젝트 (1) 8일 차 Mon) update 할 것 리스트  (0) 2023.04.24
[8] 230424 팀 프로젝트 (1) 8일 차 Mon) 할 것 리스트  (0) 2023.04.24
'💖My Bootcamp Projects Logs✨/Team Project 1️⃣' Related Articles more
Comments