PHP jQuery Cookbook

PHP jQuery Cookbook

By : Vijay Joshi

Buy this Book

PHP jQuery Cookbook

By: Vijay Joshi

Buy this Book

Overview of this book

As web technology evolves, the gap between desktop applications and web applications continues to vanish. And what better way to bridge that gap, for your own website, than using the best two open source technologies in the market: PHP and jQuery. The power-combo of these two is leading the way in revolutionizing the RIA world. Although they are easy to integrate, finding or figuring out how to do what you want to do is rather arduous.The PHP jQuery Cookbook will be your handy guide with walkthroughs of common integration tasks and problems that will help you master the possibilities available using the PHP and jQuery combo. You will learn quick solutions to necessary tasks to integrate the power of two of the best known and most widely used web technologies of today ‚Äì PHP on the server side and jQuery on the client side. Glide through the basics and move to advanced topics to create dynamic and interactive web applications with this book in hand.This book covers a wide array of technical aspects of creating an interactive website. Apart from basics of PHP and jQuery, you will go through advanced topics like creating plugins, validating controls, and useful utilities that you will be able to use as stand-alone tools. AJAX, the key technique of browser-server communication is covered in detail. You will also learn to use JSON, which is becoming preferred as a mode of data interchange over XML, both in web applications and web services.The book also covers database interaction, which is an important part of any dynamic web application. You will also gain expertise in debugging JavaScript with the help of useful tools that will save you hours of tedious manual debugging.Most importantly, by using jQuery and PHP together, you will be able to develop applications that are compatible with all major browsers, with no need to write code targeted at specific browsers!

PHP jQuery Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Handling Events with jQuery

Introduction

Executing functions when page has loaded

Binding and unbinding elements

Adding events to elements that will be created later

Submitting a form with jQuery

Checking for missing images

Creating the select/unselect all checkboxes functionality

Capturing mouse events

Creating keyboard shortcuts

Displaying user selected text

Dragging elements on a page

Combining PHP and jQuery

Introduction

Fetching data from PHP using jQuery

Creating a query string automatically for all form elements

Detecting an AJAX request in PHP

Sending data to PHP

Aborting AJAX requests

Creating an empty page and loading it in parts

Handling errors in AJAX requests

Preventing browser from caching AJAX requests

Loading JavaScript on demand to reduce page load time

Working with XML Documents

Introduction

Loading XML from files and strings using SimpleXML

Accessing elements and attributes using SimpleXML

Searching elements using XPath

Reading an XML using DOM extension

Creating an XML using DOM extension

Modifying an XML using DOM extension

Parsing XML with jQuery

Working with JSON

Introduction

Creating JSON in PHP

Reading JSON in PHP

Catching JSON parsing errors

Accessing data from a JSON in jQuery

Working with Forms

Introduction

Adding input fields dynamically in a form

Searching for user-inputted string in a page

Checking for empty fields using jQuery

Validating numbers using jQuery

Validating e-mail and website addresses using regular expressions

Displaying errors as user types: Performing live validation

Strengthening validation: validating again in PHP

Creating a voting system

Allowing HTML inside text areas and limiting HTML tags that can be used

Adding Visual Effects to Forms

Introduction

Creating a Tic-Tac-Toe game with effects

Informing a user while an AJAX request is in progress

Creating expandable and collapsible boxes (accordion)

Fading an element after updating it

Floating box on demand

Updating items in a shopping cart

Creating Cool Navigation Menus

Introduction

Creating a basic drop-down menu

Creating a menu that changes background on mouse-over

Creating an accordion style menu

Creating a floating menu

Creating an interface for tabbed navigation

Adding more tabs

Creating a wizard using tabs

Data Binding with PHP and jQuery

Introduction

Fetching data from a database and displaying it in a table format

Collecting data from a form and saving to a database

Filling chained combo boxes that depend upon each other

Checking username availability from database

Paginating data for large record sets

Adding auto-suggest functionality to a textbox

Creating a tag cloud

Enhancing your Site with PHP and jQuery

Introduction

Sending cross-domain requests using server proxy

Making cross-domain requests with jQuery

Creating an endless scrolling page

Creating a jQuery plugin

Displaying RSS feeds with jQuery and PHP

Firebug

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Creating a menu that changes background on mouse-over

This recipe will teach you to create a menu that will allow you to highlight a menu item when the mouse pointer hovers over it. Other menus will be faded and only the menu having mouse focus will be highlighted.

Getting ready

Create a folder named Recipe2 inside the Chapter7 directory. Also create a file named index.html inside the Recipe2 folder. Create three images that will serve as backgrounds for our menu items. I have used the following three images. Each image has dimensions of 120px * 41px:

How to do it...

First of all create the HTML structure for menus. Create an unordered list with three list items. Each list item has a class name menuHeader that will be used by jQuery. Another class name will add a background image to it. Put an anchor tag inside each li element and set its href to the page that you wish to navigate to.
```
<html>
<head>
    <title>jQuery Fading Menu</title>
<link rel="stylesheet" type...
```

PHP jQuery Cookbook

By : Vijay Joshi

PHP jQuery Cookbook

By: Vijay Joshi

Overview of this book

Related Content you might be interested in

Current Title:

PHP jQuery Cookbook

Creating a menu that changes background on mouse-over

Getting ready

How to do it...