TƯƠNG TÁC GIỮA PHP VÀ JQUERY - PART 23 PPSX

TRANG 1 MODIFYING THE APP TO HANDLE THE USER LOGOUT The last step you need to take before users can successfully log out is to add another array element to the $ACTIONS array in PROCESS.[r]

At this point, you have a fully functional events calendar. You’ve learned how to create a form to create, edit, save, and delete events, including how to confirm event deletion. However, the administrative controls are currently available to anyone who visits the site. In the next chapter, you’ll b[r]

arguments: the URL to which the request is to be sent, optional data to be sent to the remote script, an optional callback to be executed if the request is successful, and an optional dataType setting. To load the result of ajax.php using GET with no data sent, use the following: $.get("ajax.php", f[r]

?> Save this file and reload http://localhost/. Next, click the Add a New Event button to bring up the form in a modal window, and then enter a new event with the following information: • Event Title: Test Event • Event Start: 2010-01-04 08:00:00 • Event End: 2010-01-04 10:00:00 • Event Desc[r]

window will fade in with the edit form inside (see Figure 8-1). CHAPTER 8 ■ EDITING THE CALENDAR WITH AJAX AND JQUERY 268 Figure 8-1. The event creation form loaded in a modal window Making the Cancel Button Behave Like the Close Button You may have noticed that the modal window doesn’t con[r]

CHAPTER 7 ■ ENHANCING THE USER INTERFACE WITH JQUERY 241 event.preventDefault(); // Adds an "active" class to the link $(this).addClass("active"); // Proves the event handler worked by logging the link text console.log( $(this).text() ); }); }); After saving this code, reload http[r]

an argument, it calls .trigger() for its event type. The available shortcut functions are .blur(), .focus(), .focusin(), .focusout(), .load(), .resize(), .scroll(), .unload(), .click(), .dblclick(), .mousedown(), .mouseup(), .mousemove(), .mouseover(), .mouseout(), .mouseenter(), .mouseleave(), .cha[r]

day = day.length==1 ? "0"+day : day; // Adds the new date link $("<a>") .hide() .attr("href", "view.php?event_id="+data) .text(entry.event_title) .insertAfter($("strong:contains("+day+")")) .delay(1000) .fadeIn("slow"); } }, "deserialize" : function(str){ }, "urldecode" :[r]

Save this code, then load http://localhost/ in your browser. Open the Firebug console and execute the following command to ensure that jQuery is loaded in your app: $("h2").text(); After running this command, the console will display the following output: >>> $("h2").te[r]

If a particular array of information gains a new attribute, a procedural piece of software may require (in a worst-case scenario) that the new attribute be added to each function that uses the array. An OOP application could potentially be updated as easily adding the new property and then adding th[r]

Because remote development usually takes place on a hosting company’s server, the steps to point your domain to the app’s public folder will vary from hosting provider to hosting provider, and therefore won’t be covered in this book. However, in many cases, the host will allow you to point a domain[r]

/* * The database password */ $C['DB_PASS'] = ''; /* * The name of the database to work with */ $C['DB_NAME'] = 'php-jquery_example'; ?> CHAPTER 4 ■ BUILD AN EVENTS CALENDAR 132 ■ Note Initializing $C as an empty array is a safeguard against any tainted pieces of data being stor[r]

// Generate a salted hash of "admin" $pass = $obj->testSaltedHash("admin"); echo 'Hash of "admin":<br />', $pass, "<br /><br />"; ?> Navigate to http://localhost/test.php, and you’ll see output similar to the following: Hash of "admin": a1645[r]

} }); }); Determining the Form Action In the editing controls displayed for individual events, the button names describe the action taken by the button (e.g., edit_event for the Edit This Event button and delete_event for the Delete This Event button). These buttons will be used by ajax.inc.php as[r]

+ "&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][r]

To incorporate this new function into the script, modify the click event handler for the Close button using the following bold code: // Creates a button to close the window $("<a>") .attr("href", "#") .addClass("modal-close-btn") .html("×") .click(function(event){[r]

// Checks for a valid date string (YYYY-MM-DD HH:MM:SS) function validDate(date) { // Define the regex pattern to validate the format var pattern = /^(\d{4}(-\d{2}){2} (\d{2})(:\d{2}){2})$/; // Returns true if the date matches, false if it doesn't return date.match(pattern)!=null; } ■ Note The[r]

app, you need to ensure that the date format is correct, so that the app doesn’t crash by attempting to parse a date that it can’t understand. You’ll begin by adding server-side validation. This is more of a fallback because later you’ll add validation with jQuery. However, you should never r[r]

318 Getting Fancy with Backreferences The power of regexes starts to appear when you apply one of their most useful features: grouping and backreferences. A group is any part of a pattern that is enclosed in parentheses. A group can be used in the replacement string (or later in the pattern)[r]

THE EXPERT’S VOICE® IN OPEN SOURCEProPHP and jQueryJason Lengstorf Add quick, smooth, and easy interactivity to your PHP sites with jQuery