2. 팝업창 이용 방법

수정 버튼과 삭제 버튼을 클릭하면 팝업창이 뜨고 그 팝업창에 비밀번호를 입력시, 해당 기능을 수행하는 방식으로 게시물 수정, 삭제를 진행하려고 했다.

 

 

이런 식으로 해당 버튼을 누르면 팝업창이 뜨도록 설정

 

 

 

팝업창 html이다. 여기서 패스워드를 입력후 버튼을 클릭하면 된다. 버튼은 submit을 쓰지 않았다. 왜냐하면, 자바스크립트에서 해당 패스워드가 맞는지 아닌지 확인하고 제출을 해야 했기 때문이다. 그래서 form.submit을 사용하였다.

 

처음 사용했을 시, window.close를 이용하여 제출 됐으면 해당 팝업창이 꺼지도록 설정하였는데, 이게 문제가 있었다. 제출과 동시에 해당 팝업창이 꺼지면 제출된 정보들이 서버에 전달이 되지 않았다. 그래서 방법을 생각해보았다.

 

1. 팝업창에 비밀번호를 누르고 버튼을 눌렀을 시, 제출과 함께 해당 팝업창을 다른 페이지로 리다이렉트 시킨다.

2. 그 해당 페이지가 뜨면 팝업창이 꺼지도록 한다.

 

 

 

 

 

팝업창 관련 서버인데, 팝업창에서 비밀번호 정보를 제출했을 시... 해당 팝업창을 다른 페이지로 리다이렉트 시킨다.

 

 

 

그리고 해당 페이지에서 자바스크립트로 팝업창일 경우 닫기를 설정한다.

 

 

 

 

 

 

패스워드를 누르고 삭제 시, 제대로 작동하는 걸 확인하였다.