显示一个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'); 
});