Pro PHP and jQuery by Jason Lengstorf.pdf - Computer Science ...

CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY
Configuring the Form Submission Event Handler for Deletion
Confirming event deletion requires a little more modification to init.js. To execute properly, the value
of the Submit button needs to be stored and passed to the processing file. This is because the form can
be submitted with either Yes, Delete It or Nope! Just Kidding! as values; the script checks which
button was clicked to determine what action to take.
To store the button’s value, use the this keyword as the jQuery selector, and then store the returned
string from .val() as a variable called submitVal. Next, check whether the button’s name attribute is
confirm_delete. If so, append the action confirm_delete and the value of the button to the query string
before submitting it.
Insert the following code shown in bold to accomplish this:
// Edits events without reloading
$(".edit-form input[type=submit]").live("click", function(event){
// Prevents the default form action from executing
event.preventDefault();
// Serializes the form data for use with $.ajax()
var formData = $(this).parents("form").serialize(),
// Stores the value of the submit button
submitVal = $(this).val();
// If this is the deletion form, appends an action
if ( $(this).attr("name")=="confirm_delete" )
{
// Adds necessary info to the query string
formData += "&action=confirm_delete"
+ "&confirm_delete="+submitVal;
}
// Sends the data to the processing file
$.ajax({
type: "POST",
url: processFile,
data: formData,
success: function(data) {
// Fades out the modal window
fx.boxout();
// If this is a new event, adds it to
// the calendar
if ( $("[name=event_id]").val().length==0 )
{
fx.addevent(data, formData);
}
},
error: function(msg) {
alert(msg);
}
301