Thread jQuery, modal-dialog & form submit (20 answers)
Opened by pktm at 2010-02-19 17:22

pktm
 2010-02-20 00:39
#133358 #133358
User since
2003-08-07
2921 Artikel
BenutzerIn
[Homepage]
user image
Also nochmal:
- Der Nutzer klickt auf den Submit-Button
- Der Event $('.del_form').submit() wird ausgelöst
- Jetzt soll der Dialog erscheinen
- Abhängig von der Antwort soll das Formular tatsächlich abgesendet werden, oder eben nicht.

Bis jetzt habe ich:
- die Definition des Dialogs:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
    $('#dialog').dialog({
bgiframe: true,
resizable: false,
height:140,
modal: true,
overlay: {
backgroundColor: '#000',
opacity: 0.5
},
buttons: {
'Delete all items in recycle bin': function() {
$(this).dialog('close');
},
Cancel: function() {
$(this).dialog('close');
}
},
close: function(event, ui) {
alert("close trigger");
}
});


$('#dialog') bezieht sich dabei auf das <div>, das die Meldung enthält.


- das Abfanges des submit-Ereignisses:
Code: (dl )
1
2
3
4
5
6
$(document).ready(function() {
$('.del_form').submit(function(){
// mach was
alert("abschicken / nicht abschicken?");
});
});


Es bleibt für mich das Problem, dass ich einfach schlichtweg keine Ahnung habe, wie ich abhängig vom gedrückten Button des Dialogs das Absenden des Formulars verhindere / zulasse. Wie geht das denn?
http://www.intergastro-service.de (mein erstes CMS :) )

View full thread jQuery, modal-dialog & form submit