Implementing Best Practices to Build Ajax Websites | PHP Ajax Cookbook

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents

PHP Ajax Cookbook

4 (5)

PHP Ajax Cookbook

4 (5)

Overview of this book

PHP Ajax Cookbook

PHP Ajax Cookbook

Credits

Credits

About the Authors

About the Authors

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Preface

Free Chapter

AJAX Libraries

AJAX Libraries

Designing simple navigation using jQuery

Creating tab navigation

Designing components using Ext JS

Event handling in MochiKit

Building a tab navigation using Dojo

Building a chart application using YUI library

Loading dynamic content using jQuery slider

Creating an AJAX shopping cart using MooTools

Building an AJAX login form using prototype.js

Basic Utilities

Basic Utilities

Validating a form using Ajax

Creating an autosuggest control

Making Form Wizards

Uploading a file using Ajax

Uploading multiple files using Ajax

Creating a five-star rating system

Building a PHP Ajax contact form with validation

Displaying a table in Ajax

Building Pagination using PHP and Ajax

Useful Tools Using jQuery

Useful Tools Using jQuery

Making tool tips using Ajax

Creating Autocomplete from a database

Building a tab navigation using jQuery

Rotating content

Creating an image slider

Creating pageless pagination

Loading images using Lightbox

Growing textarea using the jGrow plugin

HTML replacement of the select dropdown

Improving date selection with Datepicker

Drag-and-drop functionality

Ajax shopping cart

Sorting and filtering data

Adding visual effects and animations

Advanced Utilities

Advanced Utilities

Building an Ajax chat system using the Comet technique

Charting with JavaScript

Decoding CAPTCHA through canvas

Displaying data in a grid

Debugging and Troubleshooting

Debugging and Troubleshooting

Debugging with Firebug and FirePHP

Debugging with the IE developer toolbar

Avoiding the framework $ conflict

Using the anonymous function of JavaScript

Fixing memory leaks in JavaScript

Fixing memory leaks

Sequencing Ajax Requests

Cross Browser and Ajax

Beautifying JavaScript

Optimization

Optimization

Caching of objects

Getting optimization tips with YSlow

Speeding up JavaScript delivery through automatic compression and browser caching

Triggering JavaScript early/on DOM load

Lazy-loading of images

Optimizing Ajax applications automagically through Apache modules/Google mod_pagespeed

Implementing Best Practices to Build Ajax Websites

Implementing Best Practices to Build Ajax Websites

Avoiding HTML markup-specific coding

Building secure Ajax websites

Building SEO-friendly Ajax websites

Preserving browser history or un-breaking the browser's back button

Implementing comet PHP and Ajax

Ajax Mashups

Ajax Mashups

Web services

XML-RPC

Creating and consuming web services using PHP

Using Flickr API with Ajax

Using Twitter API with Ajax

Translating text using Google Ajax API

Using Google Maps

Searching a location within a Google Map

Searching within XX km. radius of Google Maps with markers and Info window

Finding a city/country using IP address

Converting currencies using Ajax and PHP

iPhone and Ajax

iPhone and Ajax

Building a touch version of a website (with jQTouch)

Leveraging HTML5 features in iPhone Ajax

Building native apps with PhoneGap

Speeding up a PhoneGap project

Building a currency conversion hybrid app

Index

Index

Avoiding HTML markup-specific coding

In the unobtrusive JavaScript approach, where selector-based frameworks such as jQuery play major role, the interaction between HTML content and JavaScript is done through CSS selectors.

Getting ready

Let's assume we have a container with ID alert and our intention is to hide it and its neighbors—meaning, hide all elements of its parent:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.min.js">
</script>
<script type="text/javascript" src="markup-dependent.js">
</script>
<title>Markup dependent jQuery</title>
</head>
  <body>
    <div>
      <a href="#" id="trigger">Hide alert's siblings</a>
    </div>
      <div id="alert-parent">
      <div id="alert-sibling1">
        Alert Sibling1
      <...

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

PHP Ajax Cookbook

Search

Your notes and bookmarks