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

Pulls up events in a modal window
$("li>a").live("click", function(event){
});
});
// Stops the link from loading view.php
event.preventDefault();
// Adds an "active" class to the link
$(this).addClass("active");
// Gets the query string from the link href
var data = $(this)
.attr("href")
.replace(/.+?\?(.*)$/, "$1"),
// Checks if the modal window exists and
// selects it, or creates a new one
modal = fx.initModal();
CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY
Next, set up the call to $.ajax() in the event handler. It will use the POST method, point to the
processFile, and send the appropriate data. Because the query string extracted from the link does not
include an action field, insert one manually here. Finally, use .append() to insert the returned markup
into the modal window if the call succeeds or to display an error message if it fails.
Do this by inserting the following bold lines into init.js:
// Pulls up events in a modal window
$("li>a").live("click", function(event){
// Stops the link from loading view.php
event.preventDefault();
// Adds an "active" class to the link
$(this).addClass("active");
// Gets the query string from the link href
var data = $(this)
.attr("href")
.replace(/.+?\?(.*)$/, "$1"),
// Checks if the modal window exists and
// selects it, or creates a new one
modal = fx.initModal();
// Loads the event data from the DB
$.ajax({
type: "POST",
url: processFile,
251