2011-02-23 2 views
0

MySQL 데이터베이스에 데이터를 삽입하기 위해 제출시 PHP 스크립트를 호출하는 양식이 있습니다. 나는 PHP 스크립트의 출력을 greybox로 되 돌린다. 나는 당신이 제공 할 수있는 도움을 주시면 감사하겠습니다.greybox에서 PHP 출력 디스플레이

아래 양식 참조에서 greybox 호출이 있지만 트릭을 수행하지는 않습니다.

<script type="text/javascript" src="greybox/AJS.js"></script> 
<script type="text/javascript" src="greybox/AJX_fx.js"></script> 
<script type="text/javascript" src="greybox/gb_scripts.js"></script> 

<div id="content"> 

<form id="contact_us" name="contact_us" action="contact-greybox.php" method="POST" onSubmit="return GB_showCenter('Testing', this.action, 500, 500)"> 
<fieldset> 
<label for="employee_id">Employee ID:</label> 
<input id="employee_id" name="employee_id" type="number" size="10" /><P /> 
<label for="employee_name">Employee Name:<strong><br /> (as it should appear on 
email) </strong></label> 
<input id="employee_name" name="employee_name" type="text" /><P /> 
</fieldlist> 

<p class="submit"><input type="image" name="submit" value="Submit Form" src="icons/ambas_submit.jpg" boder="0"> 

</form> 
</div> 

PHP는 MySQL의에 간단한 삽입 문은 다음과 같습니다

코드의 하위 집합입니다.

답변

0

greybox는 POST가 제출 한 지원하지 않는 어떤 도움을 주셔서 감사합니다,하지만 일반적인 패턴은 형상 - 그렇지 않으면 페이지가 새로 고쳐 제출 아약스를 사용하는 것입니다.

$('#contact_us').submit(function(){ 
    //get your inputs here 
    var e_id = $.('#employee_id').val(); 
    //...etc.... 
    $.post(... 
     //set your data/input fields here: 
     data: { id: e_id }, 
     success: function(response){ 
      //display the response: this is what you get back from: contact-greybox.php 
     } 
    }) 
    return false; 
}); 

fancybox는 순수 HTML로 호출을 지원하고 오버레이 박스 :

당신은 다음 아약스 호출의 끝에서 false를 반환 양식 입력에 온 클릭 ($ .submit)를 설정해야합니다 매개 변수를 입력하면 성공 함수에 넣을 수 있습니다.

$.fancybox(response); 
...or 
$.fancybox(response.html)... etc. 
+0

빠른 응답을 보내 주셔서 감사 드리며 진행 방법을 알려 드리겠습니다. 그래서 위의 코드는 외부 자바 스크립트 함수를 호출하여 양식 onsubmit 이벤트에서 호출 할 수 있습니다. – Tony

+0

예,이 js 코드는 실제로 html/template 파일의 script 태그에서 또는 외부 js 파일에서 어디에도있을 수 있습니다. 이벤트 핸들러를 바인드하기 전에 $ .ready로 감싸서 엘리먼트가 있는지 확인해야한다. – awongh