形式方法和燈箱（或替代）

Question

我一直在尋找an older post試圖找出一個解決方案，以顯示一個燈箱中的確認PHP。

由於我對javascript和ajax的知識接近於零 - 好吧，它是零 - 我希望有人可能會詳細說明。

<form method="post" action="contact.php"> 

是基本的表格方法。我將能夠使用像Tinybox2和簡單地添加

TINY.box.show({url:'submit.php',post:'id=16',width:200,height:100,opacity:20,topsplit:3}) 

的行動，而不是一個PHP？

乾杯，TRIN

Answer 1

如果你想使用迷你組合套件，您需要在發佈之前，序列化表單。一要做到這一點使用jQuery最快，無痛性的方式（剛加入的參考，如果你沒有這樣做。）

TINY.box.show({url: $("form").prop("action"), post:$('form').serialize(),width:200,height:100,opacity:20,topsplit:3}) 

首先一個從形式抓住「行動」的網址，而第二種方法使您的表單將與TinyBox一起發佈。

當用戶提交表單此代碼應顯示迷你組合套件：

$("form").submit(function(event) { 
    event.preventDefault(); 
    TINY.box.show({ 
     url: $("form").prop("action"), 
     post: $('form').serialize(), 
     width:200, 
     height:100, 
     opacity:20, 
     topsplit:3 
    }); 
    return; 
}); 

只是把這個裏面

<script type="text/javascript"> 
$(document).ready(function() { 
    // Here. 
} 
</script> 

塊。