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

});
// 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
id = $(event.target)
.siblings("input[name=event_id]")
.val();
// Creates an additional param for the ID if set
id = ( id!=undefined ) ? "&event_id="+id : "";
// Loads the editing form and displays it
$.ajax({
type: "POST",
url: processFile,
data: "action="+action+id,
success: function(data){
// Hides the form
var form = $(data).hide(),
// Make sure the modal window exists
modal = fx.initModal()
.children(":not(.modal-close-btn)")
.remove()
.end();
// 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);
}
});
CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY
After saving this file and reloading http://localhost/ in your browser, click the New Year's Day
event title to bring up the event description. Inside the modal window, click the Edit This Event button;
295