點擊提交按鈕後如何關閉燈箱窗體？

Question

我有一個燈箱的形式（並在後臺頁面）。我想要關閉燈箱，並保持該頁面上點擊提交按鈕後，但它重定向到另一個頁面（PHP數據庫連接頁面）後點擊提交button.need help.i想知道如何關閉燈箱並留在該頁面上。謝謝！

Answer 1

將事件偵聽器添加到處理表單請求的表單中，然後從該處理函數返回false，並且頁面不會刷新。因爲我們不知道哪個燈箱使用的是我們不能確切地告訴你如何刪除它......但如果你使用jQuery，你可以使用類似：

$("#lightbox-id").hide(); 

或

$("#lightbox-id").remove(); 

Answer 2

使用JavaScript，並且提交你自己的文件會導致燈箱燈。

Answer 3

function send_form () 
{ 
ajax = new XMLHttpRequest; 
if (!ajax) return false; 

ajax.open('POST', '/index/send_form/'); //your post url should be here 
ajax.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); 

var field0= document.getElementById('submit').value; 
var field1 = document.getElementById('message').value; //you should modify these fields according to your form 

ajax.send('sub=' + submit + '&message=' + content); 
//then post url becomes something like: www.example.com/index/send_form/?sub=submit&message=this 

//then close the lightbox in here 
} 

併爲html部分刪除動作屬性，並在onsubmit事件中調用此函數。