Basic Utilities | 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

Uploading multiple files using Ajax

In the previous task, we have learned how to upload a single file via a fake Ajax method using iframe. This example has one big disadvantage; we cannot select more than one file. This is possible only by using HTML5 (which is not fully supported by all browsers), Flash, or Java. In this recipe, we will build a form that will allow us to select multiple files and upload them on the server with one single click.

Getting ready

For this task, we will need to download jQuery library, SWFUpload library (http://swfupload.org/), and Adam Royle's SWFUpload jQuery plugin (http://blogs.bigfish.tv/adam/).

How to do it...

Let's start with HTML:

<div id="swfupload-control">
  <p>Upload files.</p>
  <input type="button" id="button" value="Upload" />
  <p id="queuestatus"></p>
  <ol id="log"></ol>
</div>

Next, we define CSS:

<style>
#swfupload-control p { margin:10px 5px; }
#log li { list-style:none; margin:2px; padding...

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