편집 요약 없음 |
편집 요약 없음 |
||
| 52번째 줄: | 52번째 줄: | ||
<html> | <html> | ||
<div id="custom-popup" style="display: none; position: fixed; top: 10%; left: 50%; transform: translateX(-50%); background-color: white; padding: 20px; border: 1px solid #DDD; z-index: 9999; border-radius: 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 90%; max-width: 500px; max-height: 80vh; overflow-y: auto; box-sizing: border-box;"> | <div id="custom-popup" style="display: none; position: fixed; top: 10%; left: 50%; transform: translateX(-50%); background-color: white; padding: 20px; border: 1px solid #DDD; z-index: 9999; border-radius: 1rem; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 90%; max-width: 500px; max-height: 80vh; overflow-y: auto; box-sizing: border-box;"> | ||
<div id="popup-header" style="font-weight: bold; text-align: center | <div id="popup-header" style="font-weight: bold; text-align: center; font-size: 25px; color: #E61E2B; cursor: grab; background-color: #f0f0f0; padding: 10px; border-bottom: 1px solid #DDD; border-radius: .5rem .5rem 0 0; margin-bottom: 10px; ">탄핵 106적</div> | ||
<p><div style="text-align: center;">강대식 강명구 강민국 강선영 강승규<br> | <p><div style="text-align: center;">강대식 강명구 강민국 강선영 강승규<br> | ||
고동진 곽규택 구자근 권성동 권영세<br> | 고동진 곽규택 구자근 권성동 권영세<br> | ||
| 75번째 줄: | 75번째 줄: | ||
최수진 최은석 최형두 추경호 한기호<br> | 최수진 최은석 최형두 추경호 한기호<br> | ||
한지아</p></div><br> | 한지아</p></div><br> | ||
<button style="float: right;" onclick=" | <button style="float: right;" onclick="closePopup()">닫기</button> | ||
</div> | </div> | ||
<script> | <script> | ||
window.onload = function() { | window.onload = function() { | ||
document.getElementById('custom-popup').style.display = 'block'; | const popup = document.getElementById('custom-popup'); | ||
popup.style.display = 'block'; | |||
makePopupDraggable(); | makePopupDraggable(); | ||
}; | }; | ||
function closePopup() { | |||
document.getElementById('custom-popup').style.display = 'none'; | |||
} | |||
function makePopupDraggable() { | function makePopupDraggable() { | ||
