顯示一個css彈出窗口提交的表單之前

Question

我要的是顯示一個jQuery對話框像

我可以用一個提交按鈕做這個「添加到您的購物車中的項目」，但是當你有多個按鈕相同的頁面，onclick功能令人困惑。

另外，我想對話按鈕，顯示一段時間，然後在關閉對話框，才應形式提交

我在http://www.partydecorationsonline.co.uk/NewProducts.asp?subcat=2133

Answer 1

實際的網頁，你可以簡單地在您的OnClientClick ASP按鈕使用此代碼：

onclick="return confirm('Items added to your Shopping cart')" 

但是你不能風格這個窗口，它只是一個簡單的JavaScript警告。

Answer 2

利用好圖書館Fancybox的彈出窗口或使用other。

Answer 3

你可以使用jQuery的dialog框。然後寫這樣的功能，

//This will only submit the form after the dialog is closed. 
    $('#dialog_box).close(function(){ 
     $('.form').submit(); 
    } 

Answer 4

使用jQuery對話框

var dialog = $('#dialog').dialog({ 
    //some configuration 
    ... 
    close: function(){ 
     if (current_form) current_form.submit(); 
    } 
}); 

//when submit button is clicked 
var form = $('#form').submit(function(){ 
    dialog.dialog('open'); 
}); 

編輯以多種形式：

var current_form; 
$('.form').submit(function(){ 
    current_form = $(this); 
    dialog.dialog('open'); 
});