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

};
}
{
}
event.preventDefault();
// Removes the active class from all links
$("a").removeClass("active");
// Fades out the modal window, then removes
// it from the DOM entirely
$(".modal-window")
.fadeOut("slow", function() {
$(this).remove();
}
);
CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY
Next, you need to modify the callback function that fires on a successful execution of $.ajax() when
clicking an event title to call fx.boxin; you do so by adding the line of bold code in the listing that
follows:
// 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();
// Creates a button to close the window
$("")
.attr("href", "#")
.addClass("modal-close-btn")
.html("×")
.click(function(event){
// Removes modal window
fx.boxout(event);
})
.appendTo(modal);
259