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

292
CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY
});
// Sets the action for the form submission
var action = $(event.target).attr("name") || "edit_event";
// Loads the editing form and displays it
$.ajax({
type: "POST",
url: processFile,
data: "action="+action,
success: function(data){
// Hides the form
var form = $(data).hide(),
// Make sure the modal window exists
modal = fx.initModal();
// Call the boxin function to create
// the modal overlay and fade it in
fx.boxin(null, modal);
// Load the form into the window,
// fades in the content, and adds
// a class to the form
form
.appendTo(modal)
.addClass("edit-form")
.fadeIn("slow");
},
error: function(msg){
alert(msg);
}
});
Storing the Event ID if One Exists
Next, the event ID needs to be extracted, assuming it’s available. To find this value, use the event.target
property again, but this time look for the sibling element with the name, event_id, and then store the
value of this in a variable called id.
You add this to the event handler using the following bold code:
// Displays the edit form as a modal window
$(".admin-options form,.admin").live("click", function(event){
// Prevents the form from submitting
event.preventDefault();
// Sets the action for the form submission
var action = $(event.target).attr("name") || "edit_event",
// Saves the value of the event_id input