book

Pro PHP and jQuery

Name: Pro PHP and jQuery
Author: Jason Lengstorf
ISBN: 9781430228479

by Jason Lengstorf

June 2010

Intermediate to advanced

392 pages

6h 29m

English

Apress

Read now

Unlock full access

Copyright
About the Author
About the Technical Reviewer
Acknowledgments
I. Getting Comfortable with jQuery
1. Introducing jQuery
1.1. Choosing jQuery over JavaScript1.1.1. Understanding JavaScript Libraries1.1.2. Understanding the Benefits of jQuery1.1.3. Understanding the History of jQuery1.2. Setting Up a Testing Environment1.2.1. Installing Firefox1.2.2. Installing Firebug1.3. Including jQuery in Web Pages1.3.1. Including a Downloaded Copy of the jQuery Library1.3.2. Including a Remotely Hosted Copy of the jQuery Library1.3.3. Using the Google AJAX Libraries API1.4. Setting up a Test File1.4.1. Introducing the jQuery Function ($)1.4.2. Selecting DOM Elements Using CSS Syntax1.4.2.1. Basic Selectors1.4.2.1.1. Selecting Elements by Tag Type1.4.2.1.2. Selecting Tags by Class Name1.4.2.1.3. Selecting Elements by ID1.4.2.1.4. Combining Selectors for More-Precise Selection1.4.2.1.5. Using Multiple Selectors1.4.2.2. Hierarchy Selectors1.4.2.2.1. Selecting Descendant Elements1.4.2.2.2. Selecting Child Elements1.4.2.2.3. Selecting Next Elements1.4.2.2.4. Selecting Sibling Elements1.4.2.3. Basic Filters1.4.2.3.1. Selecting First or Last Elements1.4.2.3.2. Selecting Elements that Do Not Match a Selector1.4.2.3.3. Selecting Even or Odd Elements1.4.2.3.4. Selecting Elements by Index1.4.2.4. Content Filters1.4.2.4.1. Selecting Elements That Contain Certain Text1.4.2.4.2. Selecting Elements That Contain a Certain Element1.4.2.4.3. Selecting Elements That Are Empty1.4.2.4.4. Selecting Elements That Are Parents1.4.2.5. Visibility Filters1.4.2.6. Attribute Filters1.4.2.6.1. Selecting Elements That Match an Attribute and Value1.4.2.6.2. Selecting Elements That Don't Have the Attribute or Don't Match the Attribute Value1.4.2.7. Child Filters1.4.2.7.1. Selecting Even or Odd Parameters or Parameters by Index or Equation1.4.2.7.2. Selecting First or Last Child Elements1.4.2.8. Form Filters1.4.2.8.1. Matching by Form Element Type1.4.2.8.2. Selecting Only Enabled or Disabled Form Elements1.4.2.8.3. Selecting Checked or Selected Form Elements1.5. Summary
2. Common jQuery Actions and Methods
2.1. Understanding the Basic Behavior of jQuery Scripts2.2. Understanding jQuery Methods2.2.1. Traversing DOM Elements2.2.1.1. .eq()2.2.1.2. .filter() and .not()2.2.1.3. .first() and .last()2.2.1.4. .has()2.2.1.5. .is()2.2.1.6. .slice()2.2.1.7. .children()2.2.1.8. .closest()2.2.1.9. .find()2.2.1.10. .next(), .nextAll(), and .nextUntil()2.2.1.11. .prev(), .prevAll(), and .prevUntil()2.2.1.12. .siblings()2.2.1.13. .parent()2.2.1.14. .parents() and .parentsUntil()2.2.1.15. .add()2.2.1.16. .andSelf()2.2.1.17. .contents()2.2.1.18. .end()2.2.2. Creating and Inserting DOM Elements2.2.2.1. Creating New DOM Elements2.2.2.2. Inserting New Elements into the DOM2.2.2.2.1. .append() and .prepend()2.2.2.2.2. .appendTo() and .prependTo()2.2.2.2.3. .after() and .before()2.2.2.2.4. .insertAfter() and .insertBefore()2.2.2.2.5. .wrap()2.2.2.2.6. .unwrap()2.2.2.2.7. .wrapAll()2.2.2.2.8. .wrapInner()2.2.2.3. .remove() and .detach()2.2.3. Accessing and Modifying CSS and Attributes2.2.3.1. .attr()2.2.3.2. .removeAttr()2.2.3.3. .css()2.2.3.3.1. .text() and .html()2.2.3.4. .val()2.2.3.5. .data()2.2.3.6. .addClass(), .removeClass(), and .toggleClass()2.2.3.7. .hasClass()2.2.3.8. .height() and .width()2.2.3.9. .innerHeight(), .innerWidth(), .outerHeight(), and .outerWidth()2.2.4. Affecting Result Sets2.2.4.1. .map() and .each()2.2.5. Using Animation and Other Effects2.2.5.1. .show() and .hide()2.2.5.2. .fadeIn(), .fadeOut(), and .fadeTo()2.2.5.3. .slideUp(), .slideDown(), and .slideToggle()2.2.5.4. .animate()2.2.5.5. .delay()2.2.5.6. .stop()2.2.6. Handling Events2.2.6.1. Browser Events2.2.6.1.1. .error()2.2.6.1.2. .scroll()2.2.6.2. Handling Document Loading Events2.2.6.2.1. .ready()2.2.6.2.2. .unload()2.2.6.3. Handling Event Attachment2.2.6.3.1. .bind() and .unbind()2.2.6.3.2. .live() and .die()2.2.6.3.3. .one()2.2.6.3.4. .toggle()2.2.6.3.5. .trigger()2.2.6.4. Shortcut Event Methods2.2.7. Using AJAX Controls2.2.7.1. $.ajax()2.2.7.2. $.ajaxSetup()2.2.7.3. Using Shorthand AJAX Methods2.2.7.3.1. $.get() and $.post()2.2.7.3.2. $.getJSON()2.2.7.3.3. $.getScript()2.2.7.3.4. .load()2.3. Summary
II. Getting Into Advanced PHP Programming
3. Object-Oriented Programming
3.1. Understanding Object-Oriented Programming3.2. Understanding Objects and Classes3.2.1. Recognizing the Differences Between Objects and Classes3.2.2. Structuring Classes3.2.3. Defining Class Properties3.2.4. Defining Class Methods3.2.4.1. Using Constructors and Destructors3.2.4.2. Converting to a String3.2.5. Using Class Inheritance3.2.5.1. Overwriting Inherited Properties and Methods3.2.5.2. Preserving Original Method Functionality While Overwriting Methods3.2.6. Assigning the Visibility of Properties and Methods3.2.6.1. Public Properties and Methods3.2.6.2. Protected Properties and Methods3.2.6.3. Private Properties and Methods3.2.6.4. Static Properties and Methods3.2.7. Commenting with DocBlocks3.3. Comparing Object-Oriented and Procedural Code3.3.1. Ease of Implementation3.3.1.1. The Procedural Approach3.3.1.2. The OOP Approach3.3.2. Better Organization3.3.3. Easier Maintenance3.4. Summary
4. Build an Events Calendar
4.1. Planning the Calendar4.1.1. Defining the Database Structure4.1.2. Creating the Class Map4.1.3. Planning the Application's Folder Structure4.1.3.1. Public Files4.1.3.2. Nonpublic Application Files4.1.4. Modifying the Development Environment4.1.4.1. Local Development4.1.4.2. Remote Development4.2. Building the Calendar4.2.1. Creating the Database4.2.2. Connecting to the Database with a Class4.2.3. Creating the Class Wrapper4.2.4. Adding Class Properties4.2.5. Building the Constructor4.2.5.1. Checking the Database Connection4.2.5.1.1. Creating a File to Store Database Credentials4.2.5.2. Creating an Initialization File4.2.5.3. Creating an Index File to Pull It All Together4.2.5.4. Setting Basic Properties4.2.6. Loading Events Data4.2.6.1. Creating an Array of Event Objects for Use in the Calendar4.2.6.2. Creating an Event Class4.2.6.3. Creating the Method to Store Event Objects in an Array4.2.7. Outputting HTML to Display the Calendar and Events4.2.7.1. Modifying the Index File4.2.7.2. Building the Calendar4.2.7.3. Displaying Events in the Calendar4.2.7.4. Making the Calendar Look Like a Calendar4.2.7.5. Creating the Common Files—Header and Footer4.2.7.6. Adding the Files to the Index4.2.8. Outputing HTML to Display Full Event Descriptions4.2.8.1. Creating a Method to Format Single Event Data4.2.8.2. Creating a Method to Generate Markup4.2.8.3. Creating a New File to Display Full Events4.3. Summary

5. Add Controls to Create, Edit, and Delete Events
5.1. Generating a Form to Create or Edit Events5.1.1. Adding a Token to the Form5.1.2. Creating a File to Display the Form5.1.3. Adding a New Stylesheet for Administrative Features5.2. Saving New Events in the Database5.2.1. Adding a Processing File to Call the Processing Method5.2.2. Adding a Button to the Main View to Create New Events5.3. Adding Edit Controls to the Full Event View5.3.1. Modifying the Full Event Display Method to Show Admin Controls5.3.2. Adding the Admin Stylesheet to the Full Event View Page5.4. Deleting Events5.4.1. Generating a Delete Button5.4.2. Creating a Method to Require Confirmation5.4.3. Creating a File to Display the Confirmation Form5.5. Summary
6. Password Protecting Sensitive Actions and Areas
6.1. Building the Admin Table in the Database6.2. Building a File to Display a Login Form6.3. Creating the Admin Class6.3.1. Defining the Class6.3.2. Building a Method to Check the Login Credentials6.3.2.1. Building a Method to Create Salted Hashes6.3.2.2. Creating a Test Method for Salted Hashes6.3.2.3. Creating a User to Test Administrative Access6.3.3. Modifying the App to Handle the Login Form Submission6.4. Allowing the User to Log Out6.4.1. Adding a Log Out Button to the Calendar6.4.2. Creating a Method to Process the Logout6.4.3. Modifying the App to Handle the User Logout6.5. Displaying Admin Tools Only to Administrators6.5.1. Showing Admin Options to Administrators6.5.1.1. Modifying the General Admin Options Method6.5.1.2. Modifying the Event Options Method6.5.2. Limiting Access to Administrative Pages6.5.2.1. Disallowing Access to the Event Creation Form Without Login6.5.2.2. Ensuring Only Logged In Users Can Delete Events6.6. Summary
III. Combining jQuery with PHP Applications
7. Enhancing the User Interface with jQuery
7.1. Adding Progressive Enhancements with jQuery7.1.1. Setting Progressive Enhancement Goals7.2. Include jQuery in the Calendar App7.2.1. Create a JavaScript Initialization File7.2.1.1. Include the Initialization File in the Application7.2.1.2. Ensuring the Document Is Ready Before Script Execution7.2.2. Creating a New Stylesheet for Elements Created by jQuery7.2.2.1. Including the Stylesheet in the Index File7.3. Creating a Modal Window for Event Data7.3.1. Binding a Function to the Click Event of Title Links7.3.2. Preventing the Default Action and Adding an Active Class7.3.3. Extracting the Query String with Regular Expressions7.3.3.1. Using the Lazy Approach: String-Based Replacement7.3.3.2. Adopting a Better Solution: Regular Expressions7.3.3.3. Incorporating a Regular Expression into a Script7.3.4. Creating a Modal Window7.3.4.1. Creating the Utility Function to Check for a Modal Window7.3.4.2. Calling the Utility Function from the Event Handler7.3.5. Retrieve and Display Event Information with AJAX7.3.5.1. Creating a File to Handle AJAX Requests7.3.5.2. Loading Event Data Using AJAX7.3.6. Add a Close Button7.3.7. Add Effects to the Creation and Destruction of the Modal Window7.3.7.1. Fade Out the Modal Window7.3.7.2. Adding an Overlay and Fade in the Modal Window7.4. Summary
8. Editing the Calendar with AJAX and jQuery
8.1. Opening the Event Creation Form8.1.1. Adding an AJAX Call to Load the Form8.1.2. Modifying the AJAX Processing File to Load the Form8.1.3. Making the Cancel Button Behave Like the Close Button8.2. Saving New Events in the Database8.2.1.8.2.1.1. Serializing the Form Data8.2.1.2. Submitting the Serialized Form Data to the Processing File8.2.2. Modifying the AJAX Processing File to Handle New Submissions8.3. Adding Events Without Refreshing8.3.1. Deserializing the Form Data8.3.1.1. Decode Any URL-Encoded Characters in Form Values8.3.1.2. Bring It All Together8.3.2. Creating Date Objects8.3.2.1. Modifying the Calendar Class with an ID8.3.2.2. Building Date Objects in JavaScript8.3.2.3. Fixing Timezone Inconsistencies8.3.2.4. Ensuring the Event Occurs in the Current Month8.3.3. Appending the Event to the Calendar8.3.4. Getting the New Event's ID8.3.4.1. Modifying the Event Creation Method to Return New Event IDs8.4. Editing Events in a Modal Window8.4.1. Determining the Form Action8.4.2. Storing the Event ID if One Exists8.4.2.1. Adding the Event ID to the Query String8.4.3. Remove Event Data from the Modal Window8.4.4. Ensuring Only New Events Are Added to the Calendar8.5. Confirming Deletion in a Modal Window8.5.1. Displaying the Confirmation Dialog8.5.2. Configuring the Form Submission Event Handler for Deletion8.5.2.1. Modifying the Processing File to Confirm Deletion8.5.3. Remove the Event from the Calendar After Deletion8.5.3.1. Modifying the Form Submission Handler to Remove Deleted Events8.6. Summary
IV. Advancing jQuery and PHP
9. Performing Form Validation with Regular Expressions
9.1. Getting Comfortable with Regular Expressions9.1.1. Understanding Basic Regular Expression Syntax9.1.1.1. Setting up a Test File9.1.1.2. Replacing Text with Regexes9.1.1.3. Choosing Regexes vs. Regular String Replacement9.1.2. Drilling Down on the Basics of Pattern Modifiers9.1.3. Getting Fancy with Backreferences9.1.4. Matching Character Classes9.1.4.1. Matching Any Character Except...9.1.4.2. Using Character Class Shorthand9.1.5. Finding Word Boundaries9.1.6. Using Repetition Operators9.1.7. Detecting the Beginning or End of a String9.1.8. Using Alternation9.1.9. Using Optional Items9.1.10. Putting It All Together9.2. Adding Server-Side Date Validation9.2.1. Defining the Regex Pattern to Validate Dates9.2.1.1. Setting up Test Data9.2.1.2. Matching the Date Format9.2.2. Adding a Validation Method to the Calendar Class9.2.3. Returning an Error if the Dates Don't Validate9.3. Adding Client-Side Date Validation9.3.1. Creating a New JavaScript File to Validate the Date String9.3.2. Including the New File in the Footer9.3.3. Preventing the Form Submission if Validation Fails9.4. Summary
10. Extending jQuery
10.1. Adding Functions to jQuery10.1.1. Adding Your Date Validation Function to jQuery10.1.1.1. Allowing Custom Aliases in jQuery Plugins10.1.1.2. Attaching the Function to the jQuery Object10.1.1.3. Allowing Configurable Options10.1.1.4. Extending Default Options with User-Supplied Options10.1.1.5. Performing Validation and Returning a Value10.1.1.6. Conforming to jQuery Plugin File Naming Conventions10.1.2. Modifying the Include Script10.1.3. Modifying the Initialization Script10.2. Adding Methods to jQuery10.2.1. Building Your Plugin10.2.1.1. Creating a Properly Named Plugin File10.2.1.2. Providing Publicly Accessible Default Options10.2.1.3. Maintaining Chainability10.2.1.4. Creating a Publicly Accessible Helper Method10.2.1.5. Modifying Each Matched Element10.2.2. Implementing Your Plugin10.2.2.1. Including the Plugin File10.2.2.2. Initializing the Plugin on a Set of Elements10.3. Summary

Content preview from Pro PHP and jQuery

Chapter 4. Build an Events Calendar

Now that you're up to speed on the concept of object-oriented programming, you can start working on the project that will be the meat and potatoes of this book: the events calendar. It all starts here, and as this book progresses, you'll be adding more and more functionality using both PHP and jQuery.

Planning the Calendar

Because you're starting from absolute scratch, you need to take a minute to plan the application. This application will be database-driven (using MySQL), so the planning will take part in two stages: first the database structure and then a basic map of the application that will access and modify the database.

Defining the Database Structure

To make building the application much easier, the first ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781430228479Purchase book

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design