양식 제출 후 모달 상자를 닫는 방법?

모달 상자에 양식을 삽입했습니다. 양식 타겟은 같은 페이지에 숨겨진 iframe에 있습니다. 양식을 제출하자마자 모달 창을 닫고 싶습니다. 그러나 양식은 iframe 내에서 처리되어야합니다 (숨김).

어떻게하면됩니까?

2011-04-07 Sam

실수로 두 개의 등록되지 않은 계정을 만들었습니다. 내가 병합 했으므로 이제 질문을 편집하고 질문에 대한 답변 아래에 의견을 남길 수 있습니다. –

모달 창이 #close html 조각에 연결되는 모든 URL에 의해 닫힌 것처럼 보입니다.

따라서 다음 코드를 양식의 제출 처리자에 추가하면 제출시 모달을 닫아야합니다.

<form ... onsubmit="window.location.assign('#close')">

2011-04-07 12:47:43

+1, 코드에 파묻혀 저장 됨 ;-) –

@ Ryan McCrossan, 감사합니다. 예. 이 모달 상자는 전적으로 css3으로 구성됩니다. 귀하의 onsubmit 솔루션이 효과가있었습니다. 그것은 간단했지만 나를 공격하지 않았습니다. 나는 방향 전환을 생각하고 있었다. – Sam

@sam :이 대답을 수락하는 것을 잊지 마시기 바랍니다 ;-) –

모달 버튼의 닫기 버튼이 Javascript 기능을 호출한다고 가정합니다. 예를 들어 "CloseModal()"과 같습니다. 는 양식 태그에서 해당 함수를 호출하려면 다음 코드를 사용할 수 있습니다

<form name="myform" action="myconfpage.extension" target="iframe" onSubmit="CloseModal();">

이 양식의 제출에 가까운 함수를 호출합니다.

2011-04-07 12:40:52

나는이 같은 모달 창은 CSS에 의해서만 만들어 졌다고 생각합니다. –

답변