2012-01-24 3 views
4

JSP로 하나의 양식이 있습니다. 그 페이지에 입력 필드가 몇 개 있는데, 사용자가 값을 입력 한 다음 제출을 클릭하면 값이 데이터베이스에 삽입됩니다.제출 버튼 팝업시 팝업 창 열기

하지만 사용자가 제출 버튼을 클릭하면 하나의 새로운 팝업 창이 생성되고이 새 팝업 창이 부모 창에 삽입 된 값에 해당 값을 포함하게됩니다. 예 : 첫 번째 페이지 : Insert.jsp 및 팝업 창 : Verifyinsert.jsp. Insert.jsp 페이지에는 롤 번호, 학생 이름, 주소와 같은 3 개의 입력 필드가 있습니다. 사용자는 Insert.jsp 페이지에서이 세 필드를 먼저 입력 한 다음 Insert.jsp 페이지에서 submit을 클릭하면 사용자가 Insert.jsp를 입력했을 때 값을 가지고있는 새로운 팝업 창이 생성되고 Verifyinsert.jsp 페이지의 submit 버튼이 있고 사용자가 submit을 클릭하면 레코드가 데이터베이스에 삽입되고 Verifyinsert.jsp에서 취소 버튼을 클릭하면 해당 팝업 창이 사라집니다. 그것을하는 방법?

도움을 주시면 감사하겠습니다.

+0

만 window.open 문장 saludos – elopez

답변

1

사용 onSubmit 이벤트

<html> 
    <head> 
     <script type="text/javascript"> 
      function greeting(){ 
       alert("Welcome " + document.forms["frm1"]["fname"].value + "!") 
      } 
     </script> 
    </head> 
    <body> 

     What is your name?<br /> 
     <form name="frm1" action="submit.htm" onsubmit="greeting()"> 
      <input type="text" name="fname" /> 
      <input type="submit" value="Submit" /> 
     </form> 

    </body> 
</html> 
+0

괜찮지 만 어떻게 취소 버튼을 추가하면 팝업 창에 취소 버튼을 추가하여 취소를 클릭하면 부모 윈도우로 돌아갈 수 있습니까? – Tom

+0

자바 스크립트 코드로 처리 할 수 ​​있습니다. onSubmit에서 false를 반환하면 제출을 취소하므로 팝업을 만들고 새 제출 및 취소를 처리 할 수 ​​있습니다. – Victor

0

어떻게 팝업 창을 표시 하시겠습니까? 페이지 재로드가 없거나 별도의 브라우저 탭이있는 js 팝업이어야합니까? 전자의 경우 jqModal 라이브러리 examples을 사용합니다. 사용자가 제출 버튼을 클릭하면 해당 popoup를 표시해야합니다. 사용자가 해당 팝업에서 보내기 버튼을 클릭하면 모든 값을 가져 와서 서버로 보내야합니다. 이렇게 그것도 :)하는 방법이 몇 가지 있습니다

+0

팝업 창에 JSP로 호출을 둘러싸는 다음과 같이 생성됩니다 : <입력 유형 = "버튼"값 = "저장"onclick을 = " window.open ('Verifyinsert.jsp', 'mywindow', 'width = 500, height = 350, toolbar = no, resizable = yes, menubar = yes') "title ="자세한 내용을 입력하려면 여기를 누르십시오. " insertins.jsp의 값을 Verifyinsert.jsp 페이지로 전송 하시겠습니까? 사용자가 insert.jsp에서 학생의 rollno, 이름 및 주소를 입력하면 insert.jsp 페이지에서이 제출 버튼을 클릭 한 후 새 팝업 창이 생성되지만 어떻게하면 rollno 값, 학생 이름 및 주소를 Verifyinsert.jsp로 전송할 수 있습니까? insert.jsp 페이지의 페이지? – Tom

+0

M, 몇 가지 방법이 있지만 모두 까다로울 수 있습니다. 저장 버튼에 이벤트 리스너를 추가하고 페이지가 열리면서 데이터를 새 창으로 전송할 수 있습니다. 또는 확인 창에서 onload 이벤트 어딘가에 부모 창에서 데이터를 얻을 수 있습니다 (@Abhi가 제안한 것처럼 간단하게 'window.opener'). 당신이 버튼의'onclick' 이벤트를 커스터마이징하고 @Abhi 메소드를 사용할 수 있습니다. – demalexx

+0

@Abhi 메서드에서 ... 양식 내의 여러 입력 필드에 대해 자바 스크립트에서 오류가 발생했습니다. Tom

0

열기 등 새로운 윈도우의 URL에 추가대로 매개 변수를 보낼 수 있습니다

window.open("../insert.jsp?param1=xx&&pram2=cc") 

를 사용하여 Insert.jsp의 제출에 팝업 창 위. Verifyinsert.jsp의 제출에

, 당신은 당신의 상위 페이지에에 javscript 기능은 데이터베이스에 값을 저장하는 것입니다 상위 페이지에 자바 스크립트 usign

window.opener.saveValue() 

를 호출 할 수 있습니다. 저장 후 팝업을 닫습니다.